如何获取前一个ul的id

Question

我有一个包含 4 个单独列表的 div，我需要在单击之前知道列表的 ID。

假设我点击 ul2 我需要 ul1 id 的警报。

目前我正在获取点击的 ID：

  var clicked_id = this.id;

我尝试了以下方法来获得上述 ul

  var div_id2 = $(this).parents(".divtest").next(".ultest").attr("id");
  var div_id = $(this).closest('ul').find('.ultest').attr('id');
  var x = $(this).prev().attr('id');

布局简化：

  <div id="doesnt matter" class="divtest">
    <ul id="ul1" class="ultest">
      <li id="doesnt matter"></li>
      <li></li>
      <li></li>
    </ul>
    <ul id="ul2" class="ultest">
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <ul id="ul3" class="ultest">
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <ul id="ul4" class="ultest">
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>

Answer 1

使用jQuery.prev:

$('ul').click(function() {
  let prev = $(this).prev('ul')
  console.log(prev.attr('id'))
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="doesnt matter" class="divtest">
  <ul id="ul1" class="ultest">
    <li id="doesnt matter">item</li>
    <li>item</li>
    <li>item</li>
  </ul>
  <ul id="ul2" class="ultest">
    <li>item</li>
    <li>item</li>
    <li>item</li>
  </ul>
  <ul id="ul3" class="ultest">
    <li>item</li>
    <li>item</li>
    <li>item</li>
  </ul>
  <ul id="ul4" class="ultest">
    <li>item</li>
    <li>item</li>
    <li>item</li>
  </ul>
</div>