Question

I have this code

<input type="checkbox"/>
<span>Foobar</span>
<input type="radio" checked="checked">Foo
<input type="radio">Bar

How to get the text Foo with jQuery where $(this) is the node <input type="checkbox"/>?

I can get the <input type="radio" checked="checked"> with $(this).parent().find(":checked").not($(this)) but I don’t know how to have the text.

Answer 1

Once you get to the target element…

• use [0] to get the DOM element at the first index from the jQuery object,

• use nextSibling to get the text node,

• use data to extract the text content.

---

var txt = $(this).next().next()[0].nextSibling.data

or

var txt = $(this).nextAll(':radio')[0].nextSibling.data