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

您不需要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();
});

修改如果这些元素是动态生成的，请使用Rahul Patel的建议。

Answer 5

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

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

Answer 6

Yopu可以使用text()方法

来实现它

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

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

6 个答案: