单击时如何获取特定的文本值？

Question

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

Does anyone know how to get the text value of {$title.productname} when I click on? It has six similar tags and I just want to get the one I clicked.

Thanks Lee

Answer 1

You don't need jQuery to do this.

 $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

You've got several identifiers you could use from JQuery to get to that value: Something like:

$('.text').html() 

might be a good start.

Answer 4

If I understood what you need, this should work:

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

Edit: If these elements are generated dynamically, use Rahul Patel's suggestion.

Answer 5

此选择器将专门针对包含产品名称的标签，并有助于避免与代码中的任何其他选择器发生冲突：

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

Answer 6

Yopu can achieve it using text() method

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