2013-09-27 43 views
1

我有以下一段HTML。使用jQuery很容易找到具有給定ID的元素(在本例中爲「ctl00_JQueryContent_PhenoTree_i1_ItemLabel」)。然後,我的任務就是在擁有「rtUnchecked」類之前更改SPAN。我還需要刪除rtUnchecked並將其替換爲其他CSS類。在jQuery中找到具有已知ID的元素之前發生的特定類的元素

<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編寫一個選擇器來幫助我找到這個元素?

回答

1

你試過了嗎?

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

試試這個:

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

演示在這裏:http://jsfiddle.net/wCBhT/

0

還可以測試它:

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