jQueryのここ

Question

がコードで現在のHTML要素の値を示しています。

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 
}); 

がクリックされた「A」でテキストをretriveすることです。これは、thisオブジェクトのtext()メトロドールを呼び出すことによって行うことができます。

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/