javascript - 如何使用 jquery 在 div id 中查找类？

Question

当用户单击“赞”按钮时，我正在尝试捕获“徽章”类中的数字。到目前为止，这是我在我的 JS 中的内容，我在其中找到包含元素的 div id，但我无法在此 div 中找到 .badge：

//Like annotation JS
  $('.liking').click(function (e){
  e.preventDefault();
  div = $(this).closest('div').attr('id');
  console.log(div);

})
//End of liking annotation JS


<div id = 'div1'>
<% @annotations.each do |annotation| %>
    <p><strong>Name</strong>
    <p class = 'lead' style = 'font-size: 14px; line-height: 23px;'>
        <%= annotation.annotation %>
    </p>
    <p>
        <small>
            <span class = 'badge' style = 'font-size: 12px;'>0</span> &nbsp;
            <a href = "#" class = 'liking'>
                Like
            </a>
        </small>
    </p>
    <hr class="featurette-divider" style = 'margin:15px;'>
<% end %> <!-- End of verse annotations -->
</div>

Answer 1

badge = $(this).closest('div').find('.badge');

但是在你的 HTML 中，badge总是在之前liking，所以你可以这样做：

badge = $(this).siblings('.badge');

Answer 2

试试这个代码：

var text = $(this).siblings('span.badge').text();
var number = parseInt(text, 10);

Answer 3

试过这个？

$('.liking').click(function (e){
  e.preventDefault();
  div = $(this).closest('div').find('.badge');
  console.log(div);

})

这是工作链接http://jsfiddle.net/ASN7c/

Answer 4

不一定需要ID，可以用findmethod，也可以用siblingsmethod。

$('.liking').click(function (e){
  e.preventDefault();
  var $badge = $(this).closest('div').find('.badge');      
  // var $badge = $(this).siblings('.badge');
  console.log($badge.text());
})

Answer 5

试试这个代码

$('.liking').click(function (e){
e.preventDefault()
var div1 =  $(this).closest('div').find('.badge'); 
alert(div1.text());

})

看演示

Answer 6

将.badge永远是.liking链接的父元素吗？

如果是这样，您可以简单地执行以下操作：

 $('.liking').click(function (e){
  e.preventDefault();
  var $badge = $(this).prev();
  console.log($badge.text());
})

查看http://jsfiddle.net/2c9xz/