javascript - 从元素父级获取 ID 并将它们放入数组中

Question

我想知道当我单击子元素时如何获取 3 个元素父元素的值 ID，并将它们放入数组中。

  <div class="selected" id="1">
      <div>Click</divi>
   </div>
    <div class="selected" id="2">
       <div>Click</div>
    </div>
    <div class="selected" id="3">
       <div>Click</div>
    </div>

  <script>
      $('li').click(function(){
        /// ???
      });
    </script>

Answer 1

获取所有 ID:

var ids = $('.selected').map(function(){ return this.id }).get();

这将构建这个数组:

["1", "2", "3"]

获取被点击元素的父元素的 id:

<div class="selected" id="1">
  <ul><li>Click</li></ul>
</div>
<div class="selected" id="2">
  <ul><li>Click</li></ul>
</div>
<div class="selected" id="3">
  <ul><li>Click</li></ul>
</div>
<script>
   $('li').click(function(){
      console.log($(this).closest('[id]').attr('id'));
   });
</script>

我不确定这对你是否重要，因为你的 HTML 显然是为这个问题编写的，但是 a li element can't have a div element as parent 。这个无效的 HTML 足以阻止真正的“父级”成为 div。

Demonstration