如何将span元素的HTML设置为自定义数据属性的内容?

你需要使用 this 在适当的上下文中。

$(".collapse-count").html(function() {
    return 'Showing 2 of ' + $(this).data("count") + ' total rows');
});

当您将回调传递给 .html() ,将迭代匹配的元素,并且 这 将是对迭代中当前元素的引用。

按照您的方式,您使用的是的封闭值 这 .

this 在您的代码中没有引用 .collapse-count 要素 html 方法在该函数的上下文中接受一个函数, 这 是指当前元素。

$(".collapse-count").html(function(index, oldHTML) {
   return 'Showing 2 of ' + $(this).data("count") + ' total rows';
});

this 没有元素的上下文,就像您使用它的方式一样。

您可以使用的回调函数参数 html() 方法:

$(".collapse-count").html(function(){
    return 'Showing 2 of ' + $(this).data("count") + ' total rows';
});

试试这个:

$(".collapse-count").html(function() {
return 'Showing 2 of ' + $(this).attr("data-count") + ' total rows';
});

使用 SPAN 你必须使用 .text() 而不是 .html()