javascript - jQuery 查找基于数据属性值的元素不起作用

Question

我有一个包含以下元素的 html 页面:

<span class="emojitext ellipsify" dir="ltr" data-reactid=".0.0:$main.4.3.0.0.0.$393382905560@c=1us.$393382905560@c=1us.0.1.1.0.$status">
    How are you?
</span>

我试图通过这个选择器获得它的内容

message = $('span.emojitext').find('[data-reactid=".0.0:$main.4.3.0.0.0.$393382905560@c=1us.$393382905560@c=1us.0.1.1.0.$status"]').html();
console.log(message);

但它返回undefined。乍一看我的代码看起来是正确的，即使通过查看其他关于 SO 的问题也是如此，因此我不明白为什么它不返回其内容应该是 How are you?

有什么线索吗？

Answer 1

您的选择器不正确，因为 span.emojitext 是具有该属性的元素，因此您不需要使用 find():

message = $('span.emojitext[data-reactid=".0.0:$main.4.3.0.0.0.$393382905560@c=1us.$393382905560@c=1us.0.1.1.0.$status"]').html();
console.log(message);

Working example