Question

如何定位.last（）元素的特定子元素。

这是我目前所拥有的：

HTML

<div class="rules-step"><select class="and_option"></select></div>
<div class="rules-step"><select class="and_option"></select></div>
<div class="rules-step"><select class="and_option"></select></div>
<div class="rules-step"><select class="and_option" style="opacity:0.5"></select></div>
<a class="deletelistitem"></a>

JS

$(".deletelistitem").on('click', function() {
  $(".rules-step").last().siblings('.and_option').css( "opacity", "1" );
});

提前致谢。

Answer 1

使用.find()代替.siblings()，因为select是div的子元素：

 $(".deletelistitem").on('click', function() {
    $(this).siblings(".rules-step").last().find('.and_option').css( "opacity", "1" );
 });

Answer 2

您可以使用children获取正确的目标，如下所示： -

 $(".deletelistitem").on('click', function () {
    $(".rules-step").last().children('.and_option').css("opacity", "1");
 });

FIDDLE：

不要使用siblings。由于目标元素不是具有规则步骤类的最后一个div的siblings。它是最后一个div的子节点。

定位.last（）的子元素

2 个答案: