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

我有一个带有以下元素的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?的内容

有什么线索吗？

最佳答案

您的选择器是错误的，因为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