jquery - 将元素定位在树的上方

Question

我需要抓住一个特定的元素。a我有一个在我单击标签时触发的事件。我无法到达它，因为我只能影响ula 标签在里面。我要选择的元素有一个target. 显而易见的答案是 select 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

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

Answer 2

首先，您需要将您的代码包含在 DOM Ready Handler 中。

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

其次，您的选择器错误

应该是$('a') 代替$(a)

试试这个代码

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

或者

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

检查演示

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

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