3

我需要得到前一个兄弟的名字。为了简单起见，我有一些示例代码

<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>

编辑：

<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">&nbsp;</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>

Ist 行是第二行的前一个兄弟。我想要第一行的名称，我所有的 id 都是动态的

谢谢

4

2 回答 2

9

使用 jQuery 将是：

$('#item2').prev().attr("name")​​​​​​​​​​;​

使用常规 javascript，您需要使用以下函数（以确保忽略空白节点）

getPreviousSiblingName(document.getElementById("item2"))

function getpreviousSiblingName(element) {
    var p = element;
    do p = p.previousSibling;
    while (p && p.nodeType != 1);
    return p.attributes["name"].value;
}
于 2012-06-07T00:27:02.987 回答
7

那是因为您更有可能previousSibling成为文本节点而不是元素节点。您需要previousElementSibling（在支持的情况下）或一个循环，previousElement直到nodeType将是1（Node.ELEMENT_NODE）。

此外，name不适用于p元素（请参阅https://developer.mozilla.org/en/DOM/Element.name）如果您使用自定义属性（如 HTML5data-*属性，在您的情况下data-name可能）可能会更好，并且因此使用dataset来获取属性的值，或通用的getAttribute。

当然，像 jQuery 这样的库可以帮助抽象所有这些东西，解释只是与普通 JavaScript 有关。

于 2012-06-07T00:37:06.987 回答