使用jQuery/JS

Question

獲得下一個元素我有一些元素，比如

<div id="myDiv"> 
    <p><input type="checkbox" />text</p> 
    <p>special text</p> 
    <p><input type="checkbox" />text</p> 
    <p><input type="checkbox" />text</p> 
</div>

我的目的是檢查下面的「特殊文字」輸入框。 所以我創建了一個變量FINDTEXT找到「特殊文本」

var findText = $("#myDiv:contains('special text')"); 

我檢查「的特殊文本」是否存在，如果是的話，我想檢查下一個輸入元素。 .nextAll()不幸的是剛剛得到以下兄弟姐妹。但是我怎樣才能調用下一個元素？

var findText = $("#myDiv:contains('special text')"); 

    if(findText.length > 0) { 
     findText.nextAll("input").attr("checked",true) 
    }

謝謝你的時間和幫助。

Answer 1

nextAll與find應該這樣做：

findText.nextAll("p").find("input").attr("checked",true); 

也發現下面的段落，和他們後代的投入。 （或者使用children而非find如果輸入保證是段落的直接孩子）

...但我認爲你對findText選擇不正確，請嘗試：

var findText = $("#myDiv p:contains('special text')"); 
//      ^^^---- change here 

把所有一起：

var findText = $("#myDiv p:contains('special text')"); 

if(findText.length > 0) { 
    findText.nextAll("p").find("input").attr("checked",true) 
} 

Live copy

另外，你MI GHT考慮限制搜索只用jQuery的定製:checkbox選擇複選框：

var findText = $("#myDiv p:contains('special text')"); 

if(findText.length > 0) { 
    findText.nextAll("p").find(":checkbox").attr("checked",true) 
    //       ^^^^^^^^^^^-- Change here 
} 

Live copy

Answer 2

你可以做這樣的：

$("#myDiv p:contains('special text')").next().children('input').prop('checked',true); 

例子：http://jsfiddle.net/HVSyE/3/

編輯：如果你想要檢查文本後的所有複選框，然後：

$("#myDiv p:contains('special text')").nextAll('p').children('input').prop('checked',true); 

例子：http://jsfiddle.net/HVSyE/4/