jquery - 如何通过 jQuery 定位前一个分区中的 anchor 元素？

Question

我尝试根据后续分区中单选按钮的单击来定位前一个分区中的 anchor 元素:

<li>
    <div class="list-item-name">
        <a href="#level-1" data-folder-child="26" data-folder-parent="0">Just a Folder</a>
    </div>
    <div class="list-item-radio">
        <input type="radio" value="26" name="folders[]" id="list-item-radio-26">
    </div>
</li>

我已经到达了部门类“list-item-name”，但我无法到达 anchor :

$(".folders-hierarchy").delegate("input[type=radio]", "click", function() {
    if (obj_radio.previous) {
        $("#" + obj_radio.previous).closest('li div.list-item-name a').css({ 'color': 'blue' });
        $("#" + obj_radio.previous).closest('li').css({ 'background-color': 'white' });
    }
    $(this).closest('li div.list-item-name a').css({ 'color': 'blue' });
    $(this).closest('li').css({ 'background-color': '#ffe7e7' });
    obj_radio.previous = $(this).attr('id');
});

在这里，我交换各种元素的样式以反射(reflect)所做的选择，将早期的选择恢复为其原始样式。

不幸的是，我无法显示整个代码，因为它与数据库数据相关，而我无法减少这些数据。

Answer 1

当你这样做时 -

$(this).closest('li div.list-item-name a')

jQuery 尝试在父级中找到最接近的 a，这在您的代码中不可用 -

你需要这样做

$(this).closest('li').find('div.list-item-name a');

这将找到最接近的 li，然后在该 li 内查找 a

演示此---> http://jsfiddle.net/jJWs2/