Table Row Traversing with JavaScript jQuery -
Table Row Traversing with JavaScript jQuery -
i have table formatted following:
<table> <tbody> <tr class="node"> <td onclick='toggledesc(this.parentnode);'>blah</td> </tr> <tr class="subnode"> <td>sblah</td> </tr> <tr class="subnode"> <td>sblah</td> </tr> <tr class="subnode"> <td>sblah</td> </tr> <tr class="node"> <td onclick='toggledesc(this.parentnode);'>blah</td> </tr> <tr class="subnode"> <td>sblah</td> </tr> <tr class="subnode"> <td>sblah</td> </tr> </tbody> </table>
i have function toggles display of .subnode
classes based on td of .node
above it. function looks this:
function toggledesc(item) { var descrow = item.nextelementsibling; $(descrow).toggleclass("descdisplay"); }
however, function above toggles display of first .subnode
encounters. know how .toggleclass
each .subnode
after .node
until next .node
hit?
use nextuntil()
:
$(item).nextuntil('tr.node').toggleclass("descdisplay");
see documentation
javascript jquery html
Comments
Post a Comment