jQuery select 下一个 div 元素

Question

结构：

<div id="XY">
    <p>Test</p>
    <ul>
       <li>Test<a class="link"></a></li>
    </ul>
</div>

我的目标是获取 div 的 ID 并将其插入到 "link" 项目的 link 中。

    <script>
    $(document).ready(function() {
        $(".link").attr("href", "open_" + $(this).parent("div").attr('id'));
    });
    </script>

Answer 1

你可以这样做：

$(document).ready(function() {
  $(".link").attr("href", "open_" + $(".link").closest("div").attr('id'));
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="XY">
    <p>Test</p>
    <ul>
       <li>Test<a class="link"></a></li>
    </ul>
</div>

如果您有更多链接适用于此，只需使用 each():

$(document).ready(function() {
   $(".link").each(function() {
      $(this).attr("href", "open_" + $(this).closest("div").attr('id'));
   });
});

jQuery select 下一个 div 元素

jQuery select next div element

jquery

select

parent

next