获取某个li元素所属的ul的ID

时间:2019-05-23 11:58:47

标签: javascript jquery

我有一个动态创建的嵌套<ul> <li>布置。所有这些都在创建过程中分配了ID。使用已知的<li> ID,我如何找到它遇到的第一个<ul>元素并获取其ID。

<div>
  <ul>
    <li>
      <div></div>
    </li>
    <ul>
      <li>
        <div></div>
      </li>
      <li>
        <div></div>
      </li>
    </ul>
    <li>
      <div></div>
    </li>
  </ul>
</div>

alert(document.getElementById(known_li_id).parentNode.nodeName);
//This returns UL , how do I get the id I assigned during creation

2 个答案:

答案 0 :(得分:0)

请参阅jQuery docs

如果我正确理解了您的问题,那么您正在寻找具有过滤器选择器的parents

因此您的代码应如下所示:

jQuery(function($){
  $(function(){
    var ul_id = $('#my_known_id').parents('ul').first().attr('id');
    console.log(ul_id);
  });
});

答案 1 :(得分:0)

在您的代码中将nodeName更改为id

<div><ul>
             <li><div></div></li>
                        <ul>
                            <li><div></div></li>
                            <li><div></div></li>
                        </ul>
             <li><div></div></li>
       </ul>


     alert(document.getElementById(known_li_id).parentNode.id);
     //This returns UL , how do I get the id I assigned during creation