jquery - 在jquery中使用.data()时获取html标签之间的值

Question

使用data()如何获取&中的值？

示例代码:

<span data-name="username"> James</span>

我可以通过使用以下方式获取数据名称的值: $("span:visible").data("name");//输出:用户名 但我想获得值“James”，我尝试在末尾添加 .text() 和 .val() ，但它不起作用。

谢谢。 jack

Answer 1

您可以使用Attribute Equals选择器来匹配元素，以及 text()获取其内部文本内容的方法:

var spanText = $("span[data-name='username']:visible").text();

如果 James 之前的空格字符很重要，并且您不希望它出现在您获取的值中，则可以应用 $.trim() :

var trimmedSpanText = $.trim($("span[data-name='username']:visible").text());