Question

How to get inner spans in anchor elements similar to this:

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

I want to get value 3 and increment it.

Answer 1

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

---

This will increment the number for every a.joinCount > span.data that is found, since it seems from the question that there’s more than one of that structure.