使用子元素訪問其他父元素屬性

Question

我已經創建了一個jqueryUI拖放列表。現在，我需要從中刪除一個對象。我已經使用下面的函數爲它：

function remove(el) { 
$(el).hide(); 
$(el).parent().parent().effect("highlight", {color: "#ff0000"}, 1000); 
$(el).parent().parent().fadeOut('1000'); 
setTimeout(function() { 
    $(el).parent().parent().remove(); 
    }); 
} 

而這是代碼，通過該執行該功能（刪除（本）功能）：

var html = '<div class="item i">'; 
html = html + '<div class="divrm">'; 
html = html + '<a onclick="remove(this)" class="remove '+itemid+'">&times;</a>'; 
html = html + '<div/>'+item+'</div>'; 

假設我有一個這樣的元件：

<div class="item" id="i2"> 
<img src="img/2.jpg"/> 
<label class="title">Title</label> 
<label class="weight">Heavy</label> 
</div> 

現在在刪除功能，我需要標籤之間有「.title」類之間的文本。我怎樣才能做到這一點？我試過這個，但它似乎沒有工作：

var remtitle = $（el）.parent（）。parent（）。find（「。title」）。val（）;

我在做什麼錯了？我對jquery相當陌生，所以它可能是一個業餘的錯誤。

Answer 1

使用html()或text()代替val()因爲拉布勒不是輸入型：

var remtitle = $(el).closest('.item').find(".title").html(); 

注意，除了closest()功能還可以幫助找到父容易，而不是一次又一次地使用parent()。另外請確保將您的代碼放在jQuery ready()處理程序中。