Javascript 获取具有相同类的当前跨度元素

Iam具有多个动态创建的具有相同类名的跨度元素

<span class="btn catgry" style="margin:10px" onclick="catg()">'+result[i]+'</span>'

但是它不起作用。

一个选项是使用

这个

关键字传递当前元素：

... onclick="catg(this);" ...

并在JavaScript中捕获它：

function catg(span) {
    ...
    var s = $(span).text();
    ...
}

另一个选项是绑定单击事件，忽略

onclick

属性：

$(document).on("click", ".btn.catgry", function() {
    ...
    var s = $(this).text();
    ...
});

在这里，您可以使用

.btn.catgry
的任何静态父元素，而不是
文档
，一个选项是使用
此
关键字传递当前元素：

... onclick="catg(this);" ...

并在JavaScript中捕获它：

function catg(span) {
    ...
    var s = $(span).text();
    ...
}

另一个选项是绑定单击事件，忽略
onclick
属性：

$(document).on("click", ".btn.catgry", function() {
    ...
    var s = $(this).text();
    ...
});

在这里，您可以使用
.btn.catgry
的任何静态父元素，而不是
文档

var spanText = $(this).text();

你也可以试试

var spanText = $(this).text();

你不是这样用的吗

$('span.catgry').click(function(){
   //your logic
   var text = $(this).text();
});

你不是这样用的吗

$('span.catgry').click(function(){
   //your logic
   var text = $(this).text();
});

在

在
上，如果它们是自动创建的，我建议您将跨度包装在一个包装器中，让jquery在dom就绪后创建跨度

$('#wrapper').on('click', '.catgry', function(){
var s = $(this).text();
})

如果它们是自动创建的，我建议您将这些跨距包装在一个包装器中，让jquery在dom就绪后创建跨距

$('#wrapper').on('click', '.catgry', function(){
var s = $(this).text();
})