Как получить конкретное текстовое значение при нажатии?

Question

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

Кто-нибудь знает, как получить текстовое значение {$ title.productname}, когда я нажимаю? Он имеет шесть похожих тегов, и я просто хочу получить тот, который я нажал.

Благодаря Ли

Answer 1

You не нужно 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, чтобы добраться до этого значения: Что-то вроде:

$('.text').html() 

может быть хорошим началом.

Answer 4

Если я понял, что вам нужно, это должно работать:

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

Edit: Если эти элементы генерируются динамически, используйте предложение Рахуло Пател.

Answer 5

Этот селектор будет специально предназначаться метки, содержащие названия продуктов и поможет избежать конфликтов с другими селекторы в вашем коде:

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

Answer 6

Yopu может достигнуть его, используя text() метод

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