jquery dom導航

Question

<p class="current" style="display: block; ">MD</p> 
<input type="text" class="hidden" value="MD" style="display: none; "> 
<p class="small hidden" style="display: none; ">MD, MBBS etc.</p> 
<a class="save-field-data btn hidden" data-id="medical_degree" href="#" style="display: none; ">Save</a> 

上面解釋了我的Html dom元素。 說我在一個處理程序附加到class"save-field-data" 我如何設置文本classcurrent？

Answer 1

.prevAll()應有助於在這種情況下：

$('.save-field-data').bind('click', function() { 
    $(this).prevAll('.current').eq(0)... 
}); 

我加入了.eq(0)選擇的情況下的第一場比賽有幾個.current元素是點擊.save-field-data元素的兄弟姐妹。

文檔爲.prevAll()：http://api.jquery.com/prevall

注：.prevAll()和.siblings()之間的不同之處在於.prevAll()只搜索的是早於當前的選擇和.siblings()將選擇所有的兄弟姐妹不管他們來之前或當前之後的同級元素選擇。

Answer 2

我不知道如果IM小康在這裏，但你可以按類設置八方像

$(".current").html("your text"); 

或者，如果你想最接近

$(this).closest(".current").html("your text"); 

Answer 3

$('a.save-field-data').click(function(){ 
    $(this).siblings('p.current').html(' ... your html here ... '); 
});