をクリックすると特定のテキスト値を取得する方法は？

Question

{volist name="title" id="title"} 
    <a class="outer" href="#"><span class="inner"><b class="text">{$title.productname}</b></span></a> 
{/volist} 

クリックすると{$ title.productname}のテキスト値を取得する方法は誰にも分かりますか？ これには6つの同様のタグがあり、クリックしたタグを取得したいだけです。

$('.text').html() 

は良いスタートかもしれません：ような何か：

おかげ リー

Answer 1

あなたを使用してそれを達成することができますこれを行うにはjQueryは必要ありません。

$outer = document.getElementsByClassName('outer'); 
 

 
for(var i = 0; i < $outer.length; i++) { 
 
    $outer[i].onclick = function() { 
 
     console.log(this.querySelector('.text').innerHTML); 
 
    } 
 
}

<a class="outer" href="#"> 
 
    <span class="inner"> 
 
     <b class="text">{$title.productname}</b> 
 
    </span> 
 
</a> 
 
<br/> 
 
<a class="outer" href="#"> 
 
    <span class="inner"> 
 
     <b class="text">{$title.productnameB}</b> 
 
    </span> 
 
</a>

Answer 2

$('a.outer').on('click',function(){ 
    alert($(this).find('.text').text()); 
}); 

Answer 3

は、あなたがその値を取得するjQueryのから使用することができ、いくつかの識別子を持っています。

Answer 4

私は何が必要理解している場合、これは動作するはずです：

$(".outer").click(function() { 
    $(this).find(".text").text(); 
}); 

編集： これらの要素は動的に生成される場合は、ラーフル・パテルの提案を使用しています。

Answer 5

このセレクタは、具体的には、製品名を含むタグをターゲットにし、あなたのコード内の任意の他のセレクタとの衝突を避けるのに役立ちます。

var boldText = $("a.outer span.inner b.text").text(); 

Answer 6

Yopuがtext()方法

$("a.outer").on('click',function(){ 
alert($(this).text()); 
})