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);

工作實例

Answer 2

使用.attr（）代替find（）

message = jQuery('span.emojitext').attr('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);