jQueryのデータ属性セレクタ

Question

を働いていない私は、この要素

<div class="messages selected" data-conversationId=""></div> 

data-attributeconversationIdがそうのように動的に設定されているがあります。

$(".messages").data("conversationId", conversationId); 

に私はデータによって、この要素を選択するセレクタを使用して問題が生じています属性。

$(".messages[data-conversationId=4]") 

空の配列を返します。興味深いことに：私のセレクタと間違っている何

$(".messages").data("conversationId") 

戻り4

？

Answer 1

jqueryの.data（）で動的属性を設定すると、上記の問題が発生します。 https://jsfiddle.net/6dn5wjL8/8/

HTML

<div id="test1" class="messages selected" data-conversationId="">testContent1</div> 
<div id="test2" class="messages selected" data-conversationId="">testContent2</div> 

JS：あなたはjQueryの.ATTRを経由して（）メソッドを動的な属性を設定した場合

しかし、あなたはここで

例、この問題は発生しません

を

// Will work 
$("#test1").attr("data-conversationId", 4) 
// Will not work 
$("#test2").data("conversationId", 3) 


alert("With selector .messages[data-conversationId=4] I found a div with this content: "+$(".messages[data-conversationId=4]").html()) 

alert("With selector .messages[data-conversationId=3] I found a div with this content: "+$(".messages[data-conversationId=3]").html()) 

Answer 2

が、私はこの文 $で考える（「メッセージ[データ-はconversationId = 4]」）、あなたはクラスのメッセージを持っており、誰が4

として、データはconversationIdを持っている要素を選択しようとしているとマークアップであなたがマークアップがDATA-するデータはconversationId =「『

の変化としてそれを言及しているので、この文の$（』。メッセージは」）。あなたのこの例のデータ（ 『はconversationId』）は、未定義返しますconversationid = "5"、文 $（ "。message"）data（ 'conversationId'）で確認すると、5を返します。

欲しいのは、