CODEWITHSUNDEEP
javascriptjqueryhtml
trex
trex

Reputation: 4037

jQuery nextAll after certain element

I have a HTML table as following, And wanted to get all parent_tr after display-order="-1"

 <table>
     <thead>...</thead>
     <tbody>
       <tr class='parent_tr'><td></td>....<td></td></tr> //no of `td`s in each row
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr'><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr' display-order="-1"><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr'><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr class='parent_tr'><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
       <tr><td></td>....<td></td></tr>
        .
        .
     </tbody>
   </table>

Here is my JavaScript(jQuery) what I'm trying:

   $(".parent_tr[display-order!='-1']").nextAll(".parent_tr");  
  //Console output - [<tr class=​"parent_tr">​…​</tr>, <tr class=​"parent_tr">​…​</tr>, <tr class=​"parent_tr" display-order=​"-1">​…​</tr>​, <tr class=​"parent_tr">​…​</tr>​, <tr class=​"parent_tr">​…​</tr>,..]

Upvotes: 1

Views: 374

Answers (2)

Sadikhasan
Sadikhasan

Reputation: 18600

Your condition checking is wrong and you have to use = instead of != in your case.

$(".parent_tr[display-order='-1']").nextAll(".parent_tr");

Demo

Upvotes: 2

Milind Anantwar
Milind Anantwar

Reputation: 82231

you have incorrect selector. you need to use attribute equal selector:

$(".parent_tr[display-order='-1']").nextAll(".parent_tr");

Working Demo

Upvotes: 2

Related Questions