javascript - 在 jQuery 中查找发生在具有已知 ID 的元素之前的特定类的元素

Question

我有以下 HTML 片段。使用 jQuery，可以轻松找到具有给定 ID 的元素(示例中的“ctl00_JQueryContent_PhenoTree_i1_ItemLabel”)。然后，我的任务是更改其前面具有“rtUnchecked”类的 SPAN。我还需要删除 rtUnchecked 并将其替换为其他 CSS 类。

<span class="rtSp"></span><span class="rtPlus"></span>
<span class="rtUnchecked"></span><div class="rtIn">
            <div class="rtTemplate">
                <table> <tbody><tr><td>
 <span id="ctl00_JQueryContent_PhenoTree_i1_ItemLabel">
 (...)

我显然不能使用类选择器，因为页面上还有类 rtUnchecked 的其他 SPAN。我如何为 JQuery 编写一个选择器来帮助我找到这个元素？

Answer 1

你尝试过吗？

//select element
var $elem = $('#ctl00_JQueryContent_PhenoTree_i1_ItemLabel')
            .prev('span.rtUnchecked')
            .last();
//switch class
$elem.removeClass('rtUnchecked').addClass('otherClass');