異なる値であるがidが似ている要素を選択する

Question

jQueryを使用して値2の要素を選択するにはどうすれば同じ名前とIDを持つことができますか？動作しませんでした

<input type="radio" id="store" name="store" value="1"> 
    <input type="radio" id="store" name="store" value="2"> 
    <input type="radio" id="store" name="store" value="3"> 

のjQuery：

$('#store:input[type="radio", value="2"]').html(); 

Answer 1

jQueryのセレクタエンジンでは処理できませんが、セレクタを修正した後でネイティブquerySelectorを使用することができます。

const v = document.querySelector('input#store[type="radio"][value="2"]').outerHTML; 
 

 
console.log(v);

<input type="radio" id="store" name="store" value="1"> 
 
<input type="radio" id="store" name="store" value="2"> 
 
<input type="radio" id="store" name="store" value="3">

querySelectorとquerySelectorAllユニークIDのHTML要件を気にしないでください。彼らはページ上のすべてのマッチを取得します。

.html()はinputで意味がありませんでしたので、.outerHTML insteadと印刷しました。

Answer 2

あなたはcan't-しかないページ上の任意の#IDの1つのインスタンスでなければなりません。

Answer 3

約multiple attribute selectorについて読んでください。

これは動作します： $（ '＃store：input [type = "radio"] [value = "2"]'）.html（）;