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');

Answer 2

尝试这个：

 $('#ctl00_JQueryContent_PhenoTree_i1_ItemLabel')
 .parents().find('.rtUnchecked').last().css({'color':'red', 'border': '1px solid red'});

在这里演示：http: //jsfiddle.net/wCBhT/

Answer 3

你也可以测试它：

$('#ctl00_JQueryContent_PhenoTree_i1_ItemLabel')
 .parents().find('.rtUnchecked').removeClass('rtUnchecked').addClass('new-classname');