jQuery select next occurrence of some element

Question

I select some element with .someClass and I want to select next <label> element which occurs lower in the DOM tree.

Between those two elements can be anything else, e.g:

<input class="someClass" />
<p>asdfasdf</p>
<div></div>
<table>
    <tr>
        <td>
            <label>SOMETHING</label>
        </td>
    </tr>
</table>

My script:

 $(".question").each(function (index, value) { 
     vargroupNumber = ++index;
     $(":radio", this)
     .attr("name", "group" + groupNumber)
     .each(function (index, value) {        
         $(this)
         .removeAttr('checked')
         .attr("id", "id" + groupNumber + index)
         .next('label') 
         .‌attr("for", "id" + groupNumber + index); 
     }); 
 });

I want to select and set something to this <label>.

i did many things :D It works for predefined layout but other than that it's complicated... Actually my case is bit more complex, this is how it works only if is right next to a :radio button -> $(".question").each(function(index,value) { var groupNumber = ++index; $(":radio", this).attr("name", "group" + groupNumber).each(function(index,value){ $(this).removeAttr('checked').attr("id","id"+groupNumber+index).next('label').attr("for","id"+groupNumber+index); }); }); — , Oct 25 '13 at 16:44
post code sample of what you've tried so far and what isn't working. — Latheesan, Oct 25 '13 at 16:45
on what basis you want to select ``, does it share the same class name with other element(s) on DOM or what? — Udit Bhardwaj, Oct 25 '13 at 16:46
just because it appears under down the DOM tree from current one...on that basis — , Oct 25 '13 at 16:47
why don't you set a class to your label, like this: `SOMETHING` - now you can set content to it like this: `$('.resultLabel').html('what-ever-you-want');` — Latheesan, Oct 25 '13 at 16:48
in that case i would not bother anyone to help me :) not possible... — , Oct 25 '13 at 16:49
possible duplicate of [Jquery: Forget the DOM structure, just find the next element with this class](http://stackoverflow.com/questions/12873027/jquery-forget-the-dom-structure-just-find-the-next-element-with-this-class) — Michał Rybak, Oct 26 '13 at 01:46

Udit Bhardwaj · Answer 1 · 2013-10-26T00:17:48.380

you can do this by Recursion here is the code

var elem = $('.someClass');

findlabel(elem)

function findlabel(elem) {

if (elem.prop('tagName') == 'LABEL') {
    elem.text('yahoo');
    //do what you want to do
} else if (!elem.is(':empty')) {

    var notfound = 1;
    elem.find('*').each(function () {

        if ($(this).prop('tagName') == 'LABEL') {
            $(this).text('yahoo');
            //do what you want to do
            notfound = 0;
            return false;
        }

    });

    if (notfound == 1) {
        elem = elem.next();
        findlabel(elem);
    }

} else {
    elem = elem.next();
    findlabel(elem);
}
}

and here is the working example:- http://jsfiddle.net/LLkdA/

i hope this is what you want

score 0 · Accepted Answer · edited May 23 '17 at 12:21

0

This has been already solved (and even "pluginified").

edited May 23 '17 at 12:21

Community

1
1

answered Oct 26 '13 at 01:44

Michał Rybak

8,648
3
42
54

I really don't understand how come that they didn't make this part f jquery already. This is bit abstract but can be very useful. – Oct 26 '13 at 05:26

bhb · Answer 3 · 2013-10-25T16:53:16.443

-1

Try

$(".someClass").parent("body").find("label");

Instead of the body use whatever the parent of someClass and table is.

Fiddle

edited Oct 25 '13 at 16:53

answered Oct 25 '13 at 16:45

bhb

2,476
3
17
32

1

That only works if is just next to .someClass element. – Oct 25 '13 at 16:46

score -1 · Answer 4 · edited May 23 '17 at 11:50

-1

Your definately going to want to use Jquery's next function. I asked basically the same question and got my answer

Getting Div ID on Header Click, Accordion

edited May 23 '17 at 11:50

Community

1
1

answered Oct 25 '13 at 19:59

CSharper

5,420
6
28
54

this is not the same question, please read carefully. This answer won't work for @mariotanenbaum. – Michał Rybak Oct 26 '13 at 00:47

jQuery select next occurrence of some element

4 Answers4