似乎不是<label>

Question

這裏得到的.html（）是我的代碼：

$('.adsize_click').click(function() { 
    $(this).closest('span').toggleClass('ad_active'); 
    $('.ads_selected').append($(this).closest('label').html()); 
}); 

我有這樣一羣跨度：

<span class="adsize"><input type="checkbox" name="size" value="1" id="size1" class="adsize_click"><label for="size1" class="adsize_click2">Leaderboard</label></span> 

我想它，所以當你點擊在<input>或<label>上，<label>（在本例中，「排行榜」）的HTML將被附加到下面的<div>。

不知道我在做什麼錯在這裏，有什麼想法？

Answer 1

變化closet到siblings在append行：

$('.adsize_click').click(function() { 
    $(this).closest('span').toggleClass('ad_active'); 
    $('.ads_selected').append($(this).siblings('label').html()); 
}); 

Answer 2

你有沒有試過尋找與標籤相關的類，就像這樣？

$('.adsize_click,.adsize_click2') ...

Answer 3

closest返回第一個祖先的選擇相匹配。標籤不是輸入的祖先。

您可能正在尋找：

jQuery('.adsize').click(function() { 
    jQuery('.ads_selected').append(jQuery('label', this).html()); 
});