使用jQuery访问html锚点的子元素

Question

如何获得类似于此的锚元素内部跨度：

<a href="#" class="joinCount">  
   <span class="data">3<span>
   <span class="text">Join</span>
</a>

我希望得到值3并递增它。

Answer 1

$('a.joinCount > span.data').text(function(i,txt) { return +txt + 1; });

---

这将增加找到的 每个 a.joinCount > span.data的数量，因为似乎问题是该结构不止一个。

Answer 2

$("a.joinCount .data").text(parseInt($("a.joinCount .data",10).text())+1)

Answer 3

$('a.joinCount span.data').text(parseInt($(this).text(), 10)+1);

Answer 4

var $span = $("a.joinCount span.data");
$span.text(1 + parseInt($span.text(), 10));

不要忘记将10的基数传递给parseInt，以便前导零不会破坏您的代码（因为parseInt会将它们视为八进制）。

Answer 5

var count = jQuery('a.joinCount span.data').val();

如果要增加span字段中的值，可以将其作为

jQuery('a.joinCount span.data').val(parseInt(jQuery('a.joinCount span.data').val()) + 1);