首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jQuery中,查找在具有已知ID的元素之前出现的特定类元素

在jQuery中,查找在具有已知ID的元素之前出现的特定类元素
EN

Stack Overflow用户
提问于 2013-09-27 12:38:47
回答 3查看 256关注 0票数 1

我有下面的HTML。使用jQuery很容易找到具有给定ID的元素(示例中的“ctl00_JQueryContent_PhenoTree_i1_ItemLabel”)。然后,我的任务是在它之前更改具有"rtUnchecked“类的SPAN。我还需要删除rtUnchecked并将其替换为其他CSS类。

代码语言:javascript
运行
复制
<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">
 (...)

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

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-09-27 12:42:01

你试过吗?

代码语言:javascript
运行
复制
//select element
var $elem = $('#ctl00_JQueryContent_PhenoTree_i1_ItemLabel')
            .prev('span.rtUnchecked')
            .last();
//switch class
$elem.removeClass('rtUnchecked').addClass('otherClass');
票数 1
EN

Stack Overflow用户

发布于 2013-09-27 12:52:05

试试这个:

代码语言:javascript
运行
复制
 $('#ctl00_JQueryContent_PhenoTree_i1_ItemLabel')
 .parents().find('.rtUnchecked').last().css({'color':'red', 'border': '1px solid red'});

这里的演示:http://jsfiddle.net/wCBhT/

票数 0
EN

Stack Overflow用户

发布于 2013-09-27 12:58:55

您还可以测试它:

代码语言:javascript
运行
复制
$('#ctl00_JQueryContent_PhenoTree_i1_ItemLabel')
 .parents().find('.rtUnchecked').removeClass('rtUnchecked').addClass('new-classname');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19050994

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档