Question

我需要抓住一个特定的元素。我点击a标记后会触发一个事件。我无法达到它，因为我只能影响a标签所在的ul。我想要选择的元素有一个target类。显而易见的答案是选择target，但有多个目标类。我的问题是如何定位我想要的元素。以下是代码。

<div id="section">
    <div id="target">
        Here is the div that I want to target. But I can't target it.
    </div>

    <div>
        <ul>
            <li></li>
            <a>Clicking here triggers the event.</a>
            <li></li>
        </ul>
    </div>
</div>

<script>
    $(a).parentsUntil('#section').children(':gt(0)').children(':gt(2)').css('color','red');
</script>

Answer 1

首先，您需要将代码放在DOM Ready Handler中。

$(function() {
    // Your code Here
});

其次你的选择器错了

应该是$('a')而不是$(a)

试试此代码

$(this).closest('div').prev('#target').css('color', 'red');

OR

$('a').parents('#section').find('#target').css('color', 'red');

<强> CHECK DEMO

$(function() {
    $('a').on('click', function() {

        $(this).closest('div').prev('#target').css('color', 'red');
    });
});

Answer 2

$('a').parents('#section').find('#target').css('color', 'red');

以树为目标的元素

2 个答案: