使用ID作爲變量

Question

我試圖找到類名「鏈接」跨度的文本，但我有問題。

<div id="item-0" class="box"> 
    ....... 
</div> 
<div id="item-1" class="box"> 
    <p><strong>Link: </strong><span class="link">http://www.domain.com/list44/</span></p> 
    <p><input type="submit" value="submit" class="load-button2"></p> 
</div> 
<div id="item-2" class="box"> 
    ....... 
</div> 


$(".load-button2").click(function(){ 
    var id = $(this).closest('.box').attr('id'); 
    alert(id); // showing the right box ID 
    var linkp = $(/*** what should i put here? ***/ "#" + id + " .link").text; 
}); 

Answer 1

你應該只能夠做到：

$(".load-button2").click(function(){ 
    var id = $(this).closest('.box').attr('id'); 
    alert(id); // showing the right box ID 
    var linkp = $("#" + id).find(".link").text(); 
}); 

雖然，一個更優雅的解決辦法是：

$(".load-button2").click(function(){ 
    var linkp = $(this).closest('.box').find(".link").text(); 
}); 

Answer 2

$(".load-button2").click(function(){ 
    var id = $(this).closest('.box').attr('id'); 
    alert(id); // showing the right box ID 
    //var linkp = $(what should i put here/"#" + id = " .link").text; 
    var linkp = $("#"+id).find(".link").text; 
}); 

Answer 3

的替代，所以你不必做另一個完整的DOM遍歷（因爲你已經獲得了容器）。

$(".load-button2").click(function(){ 
    var container = $(this).closest('.box'); 
    var id = container.attr('id'); 
    alert(id); // showing the right box ID 
    var linkp = container.find('.link').text(); 
    alert(linkp); 
}); 

See it in action。

Answer 4

你可以試試這個代碼：

$(".load-button2").click(function(){ 
    var text = $(this).closest('.box').find('.link').text(); 
});