jQuery получить предыдущий диапазон

Question

Я пытаюсь получить предыдущий диапазон до текущего, мой код не работает.

<span class="badge votes">0</span> 
<a href="#" id="up-vote"><span data-vote="up" data-count="0" class="glyphicon glyphicon-thumbs-up"></span></a> 
<a href="#" id="down-vote"><span data-vote="down" data-count="0" class="glyphicon glyphicon-thumbs-down"></span></a> 

То, что я хочу, когда я нажимаю span с class="glyphicon glyphicon-thumbs-up" и class="glyphicon glyphicon-thumbs-down", чтобы получить значение в промежутке с class="badge votes"

вот мой jQuery код

alert($(this).parent().find('span').text()); 

или alert($(this).prevAll('.votes:first').text());

Answer 1

$('.glyphicon').click(function(evt) { 
 
    alert($(this).parent().prevAll('.badge.votes').text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span class="badge votes">0</span> 
 
<a href="#" id="up-vote"><span data-vote="up" data-count="0" class="glyphicon glyphicon-thumbs-up">Up</span></a> 
 
<a href="#" id="down-vote"><span data-vote="down" data-count="0" class="glyphicon glyphicon-thumbs-down">Down</span></a>

Ваш parent().find('span') будет идти до <a>, а затем посмотреть на пролет в своих детях. prevAll('.votes:first') ищет сестер текущего промежутка (у которого нет сестер). В обоих случаях вы застряли на одном уровне ниже, где вы хотите быть.

Answer 2

Вы можете использовать "ближайший" функцию JQuery, чтобы захватить промежуток, который вы ищете, как так:

$('span').on('click', function (ev) { 
    alert($(ev.currentTarget).closest('.badge.votes').html()); 
}); 

скрипку: https://jsfiddle.net/8xj3mt7k/

Answer 3

Вы можете сделать это следующим образом:

$(this).parent().siblings('.badge.votes'); 

Он выберет родственного брата <a> с badge votes.

span селектор может также работать.

Answer 4

Вот маленький грязный трюк:

$("#up-vote, #down-vote").on("click", (function(votesSpan) { 
    return function() { 
     alert(votesSpan.text()) 
    } 
}($("span.badge.votes")))) 

Fiddle: http://jsfiddle.net/z4sbhmn9/

Это может быть принято еще дальше и превратиться в метод полезности.