How to get the Previous Sibling name
dom, html, javascript, simple-html-dom
Solution
Using jQuery it would be:
$('#item2').prev().attr("name");
With regular javascript you would need to use the following function (to ensure whitespace nodes are ignored)
getPreviousSiblingName(document.getElementById("item2"))
function getpreviousSiblingName(element) {
var p = element;
do p = p.previousSibling;
while (p && p.nodeType != 1);
return p.attributes["name"].value;
}
Problem
I need to get the name of the previous sibling . to keep it simple i have some sample code ``` <html> <head> <script type="text/javascript"> function myFunction() { var itm=document.getElementById("item2"); alert(itm.previousSibling.name); } </script> </head> <body> <p name='pn'>paragraph</p> <button id='item2' onclick="myFunction()">Try it</button> </body> </html> ``` Edit: ``` <table id="sort"> <tr name="nodrag nodrop"> <td colspan=3><strong><a style="cursor:pointer;" class="toggle">Group 1</a></strong> </td> <td style="text-align: right;"><a class="button3" href="#" ><span> Edit </span></a> <a class="button3" href="#" ><span> Delete </span></a></td> </tr> <tr id="1" class="tr_group"'> <td style="width:10px;" class="dragHandle"> </td> <td><a href=# style="margin-left: 20px;">Umair Iqbal</a></td> <td><span style="font-size: 12px; color: #999; line-height: 100%;">A Student at TUM</span></td> <td style="text-align: right;"><a class="button3" href="#" ><span> Edit </span></a> <a class="button3" href="#" ><span> Delete </span></a></td> </tr> ``` The Ist row is the previous sibling of the second row. I want the name of the 1st row and all my ids will be dynamic thanks