jQuery选择下一个div元素

问题描述 投票:0回答:1

结构:

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

我的目标是获取div的ID并将其插入“链接”项的链接中。

    <script>
    $(document).ready(function() {
        $(".link").attr("href", "open_" + $(this).parent("div").attr('id'));
    });
    </script>
jquery select parent next id
1个回答
0
投票

您可以这样做:

$(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>

0
投票

为了获得iddiv,可以在链接上使用parents()方法,如下所示:

$(document).ready(function() {
     $(".link").attr("href", "open_" + $('.link').parents("div").attr('id'));
     console.log($('.link').attr('href'))
});
<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>
© www.soinside.com 2019 - 2024. All rights reserved.