Как получить элемент span с jQuery?

Question

У меня есть следующий HTML:

<a href="javascript:search_rate(this, 'key', 'upvote', 'url');"> 
    <div> 
     <span class="glyphicon glyphicon-thumbs-up"></span> <span class="rating">0</span> 
    </div> 
</a> 

В функции search_rate, я хотел бы использовать эту переменную, что я прошел, чтобы получить элемент с классом = «рейтинг», а затем обновить его значение от 0 до 1 . Я с помощью JQuery, и я написал следующее, чтобы попытаться получить элемент:

update_node = $(this).find('.rating'); 

Однако, по какой-то причине update_node не указывает на правильный элемент DOM. Просто для того, чтобы уточнить, что я новичок и борется с тем, как использовать jQuery для навигации по DOM. Помощь очень ценится, спасибо!

Answer 1

Если вы собираетесь использовать jQuery, вам не нужно передавать функцию через href. Вам вообще не нужно использовать тег a. Просто цель div щелкнул и обновить его ребенок .rating

HTML

<div class="upvote"> 
    <span class="glyphicon glyphicon-thumbs-up"></span> 
    <span class="rating">0</span> 
</div> 

JS

$(".upvote").click(function(){ 
    $(this).find(".rating").html("1");  
}); 

EXAMPLE 1

ПРИМЕЧАНИЕ:, если вы хотите, чтобы сделать отсчет upvote системы, я бы тянуть номер на странице загрузки и добавить к нему 1 по щелчку:

//pull current number 
var currentCount = $(".upvote .rating").text(); 

$(".upvote").click(function(){ 
    $(this).find(".rating").html(parseInt(currentCount)+1); 
}); 

EXAMPLE 2

UPDATE

Перейти другие значения в случае щелчка, просто добавьте их в качестве атрибутов данных:

<div class="upvote" data-one="hello" data-two="goodbye"> 

EXAMPLE 3