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/