如何在 JQuery 或 Javascript 中获取父元素 ID

Question

单击任何我想要获取父 ul 标记 ID 的列表时，我从列表中获得了未排序的 html 元素列表。

       <ul id="123">
             <li>
               <li>test1</li>
                 <a href="#" onclick="validate()"/>
                </li>
             </li>
              ........
              ........
         </ul>

function validate(){
         var test=$(this).parent().parent().attr('id');
            alert(test);
          }

上面的验证函数测试变量结果应该是 ul tag id 是 123。

Answer 1

第一个问题是你的函数validate()不知道this指的是什么，所以你需要像validate(this)一样添加它；

那我们就可以这样了。

function validate(obj) {
  var test = $(obj).closest("ul").attr('id');
  alert(test);
}

另外，你不应该让 <li> 作为另一个 <li> 的孩子使用类似这种结构的东西。

<ul id="123">
  <li>
    <a href="#" onclick="validate(this)">test1</a>
    <ul id="456">
      <li>
        <a href="#" onclick="validate(this)">test2</a>
      </li>
    </ul>
  </li>
</ul>

function validate(obj) {
  var test = $(obj).closest("ul").attr('id');
  alert(test);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="123">
  <li>
    <a href="#" onclick="validate(this)">test1</a>

    <ul id="456">
      <li>
        <a href="#" onclick="validate(this)">test2</a>
      </li>
    </ul>
  </li>
</ul>