的jQuery選擇唯一的項目

我有我的HTML選擇某一個元素的問題

當我點擊帶班「event_rsvp」的鏈接，我想實現的跨度的HTML與下一李「有興趣的」類我已經嘗試過最親近的，試過走出去的父母，我如何告訴一個人與其他人交談。

<li rel="101590"><span class="rsvp-status">Are You Going? –&nbsp;<a href="javascript:;" class="event_rsvp" rel="attending">RSVP</a></span></li> 

<li rel="101590"><span class="interested-status"> <a href="javascript:;" class="event_likeit" rel="likeit"> Like It?</a></span></li>

重要一提的是，這是一個循環這也可能是重要的，我只需要一個點擊它來實現。

來源

2009-11-09 matthewb

您正在尋找處理jQuery的兄弟姐妹（）選擇。在這個特定的情況下，你想用下一個（）檢索下一個匹配的LI的兄弟。

$('.rsvp_status').click(function() { 
    // get the next LI with matching class 
    $(this).parents().next('.interested-status'); 
});

來源

2009-11-09 00:54:56

這工作，但作爲父母不是父母 – matthewb 2009-11-09 01:01:49

您可以通過導航來完成。該鏈接位於列表元素中，並且所需的跨度位於下一個子元素中，因此順序爲：parent - > next - > child span。

$("a.event_rsvp").click(function() { 
    $(this).parent().next().children("span.interested-status").addClass('whatever"); 
    return false; 
});

來源

2009-11-09 00:41:29 cletus

$('a.event_rsvp').click(function() { 
    $(this).parents('li:first').next().find('span:first').addClass('interested-status'); 
    return false; 
});

這可能與越來越父李指數和未來marging（）到find（）方法用於一個查詢進行優化。

來源

2009-11-09 00:58:56

的jQuery選擇唯一的項目

回答

相關問題