jQuery的显示当前的HTML元素值

Question

下面是代码：

HTML：

<div class="toggle"> 
    <a href="#" class="active">5</a> 
    <a href="#" class="">10</a> 
    <a href="#" class="">25</a> 
    <a href="#" class="">50</a> 
</div> 

<span class="result"></span> 

JS：

$('.toggle a').click(function(){ 
    $('.toggle a').removeClass('active'); 
    $(this).closest('a').addClass('active'); 
    $('.result').html('???'); 

}); 

CSS：

.active { 
    color: red;} 

我怎么能显示时我按'a'就会显示当前'a的号码。

Answer 1

$(this).text()会为您提供触发点击的代码的内容。

$('.toggle a').click(function(){ 
    $('.toggle a').removeClass('active'); 
    $(this).closest('a').addClass('active'); 
    $('.result').html($(this).text()); 

}); 

Answer 2

我认为这将这样的伎俩为您提供：

$('.toggle a').click(function(){ 
    $('.toggle a').removeClass('active'); 
    $(this).closest('a').addClass('active'); 
    $('.result').html($(this).text()); // The new line 
}); 

你需要做的就是以检索中的“一”这是点击的文本。这可以通过调用this对象的text() metod来完成。

Answer 3

$('.result').html($(this).html()); 

Answer 4

$(function(){ 

$('.toggle a').click(function(){ 
    var itemText=$(this).text(); 
    $('.toggle a').removeClass('active'); 
    $(this).closest('a').addClass('active'); 
    $('.result').html(itemText); 

});   
})​ 

工作样品http://jsfiddle.net/dvsrT/4/