使用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(); 
});