真的下一個具有特定類的元素

Question

我是Jquery的新手，對於我這個愚蠢的問題感到抱歉。

這裏是我的HTML代碼：

<tr role="row" class="odd"> 
    <td><input type="checkbox" class="mycheckbox" value="2166"></td> 
    <td class="sorting_1">2166</td> 
    <td><span class="myparentid">743</span> 
    </td><td>0</td> 
</tr> 

我想從「mycheckbox」元素「myparentid」元素跳，忽略了樹結構。 jQuery中，我想是這樣的：

var checkedRow = $(".mycheckbox"); 
var nextelem = checkedRow.next(".myparentid"); 

它不會因爲旁邊的搜索只在兄弟姐妹工作...

你能不能給我一個提示？

謝謝！

Answer 1

最簡單的方法是去到一個共同的父元素（在這種情況下，錶行），然後回落到一個你想要的：

$(".mycheckbox").closest("tr").find(".myparentid") 

• https://api.jquery.com/closest/
• https://api.jquery.com/find/

---

編輯：要添加一些附加信息：

$(".mycheckbox") 

是起始位置，這是在：TR> TD> input.mycheckbox

（其中>正下方是指在html樹）

.closest向上移動的樹，直到它找到一個匹配的父元素，所以.closest("tr")將通過看直接消減找到

<tr role="row" class="odd"> 

nt「td」，那麼它是直接父母「tr」。

一般情況下我在這裏使用一個類（<tr class="businessobjectcontainer">）（根據業務對象是什麼），那麼它可以是一個div或tr如果以後，看到.odd改變這部分內容我認爲這是造型，並會有一個.even - 所以這不是理想的選擇。所以「tr」必須這樣做。

.find()做的.closest的對面，下到樹尋找一個匹配的元素，在這種情況下.myparentid會發現：TR> TD> span.myparentid

這是你在找什麼。

.find()可能不是最高效的，但它可能是最靈活的，因爲這意味着您可以隨意移動您的tr的內容。

一招有效的替代方案可能是使用：

$(">td>span.myparentid", $(".mycheckbox").closest("tr")) 

但大多隻是改變了語法。