jsonから生成されたhtml要素のidを見つける方法

Question

私はJsonからhtmlリスト項目を生成しています。 IDはJSONのIDと同じです。だから私は特にid = '事物'を参照することはできません。問題は、後の関数で、id = iを知るだけでオブジェクトのidを参照する関数を取得するにはどうすればよいですか？

html += "<li class='list-item ui-state-default addNewContext' id=" + i + ">" + card.card_name + ' - ' + card.price + "<button> X </button>" + "</li>" ;/

Answer 1

すでにIDはiです。そのIDの要素への参照が必要なのですか？

var myObj = jQuery("#" + i); 

Answer 2

あなたのリストのIDを希望する場合は、このようにすることができます。

var x = $(".addNewContext"); // class on list 

var id = x.attr("id"); 

Answer 3

まず、あなたのコードは間違っています。 id=1はブラウザには何も意味しないが、id='1'のため、idをコードに一重引用符で囲む必要があります。 jQueryの

document.getElementById(id) 

かで：

html += "<li class='list-item ui-state-default addNewContext' id='" + i + "'>" + card.card_name + ' - ' + card.price + "<button> X </button>" + "</li>" ; 

次の方法でこの要素にアクセスすることができ

$("#" + id) 

Answer 4

本当の問題は、あなたの変数htmlあなたのDOMに追加する方法です。 jQueryの.html()を使用すると、ID thingは$('#thing')でアクセスできます。 Working example。

Answer 5

あなたはjQueryのを使用している場合、あなたはまた、（iを1増分をdoesntの仮定）

:eq(#)がいる場合、リスト

の項目の場所です

$('.list-item:eq(0)').text() 

をリスト内の位置を参照することができその関数が生成されたリスト項目内で参照されている場合は、jQueryのparent（）関数を使ってdomを操作してみることもできます：https://api.jquery.com/parent/