jQueryセレクターのワイルドカード

ワイルドカードを使用して、「jander」で始まるすべての要素のIDを取得しようとしています。私が試した$('#jander*')、$('#jander%')しかし、それは動作しません。..

要素のクラスを使用して解決できることはわかっていますが、ワイルドカードを使用することもできますか？

<script type="text/javascript">

  var prueba = [];

  $('#jander').each(function () {
    prueba.push($(this).attr('id'));
  });

  alert(prueba);


});

</script>

<div id="jander1"></div>
<div id="jander2"></div>

「jander」で始まるすべての要素を取得するには、次を使用する必要があります。

$("[id^=jander]")

「ジャンダー」で終わるものを取得するには

$("[id$=jander]")

JQueryドキュメントも参照してください

タイトルはワイルドカードを示唆しているので、これも使用できます。

$(document).ready(function(){
  console.log($('[id*=ander]'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="jander1"></div>
<div id="jander2"></div>

これにより、指定された文字列がの任意の場所で選択されますid。

まずはjQueryを試してください

セレクター、 '^ ='、例えば

[id^="jander"]

でも、クラスでこれをやってみませんか？

使用できるクラス：

div[class^="jander"]

ワイルドカードの一致からIDを取得するには：

$('[id^=pick_]').click(
  function(event) {

    // Do something with the id # here: 
    alert('Picked: '+ event.target.id.slice(5));

  }
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="pick_1">moo1</div>
<div id="pick_2">moo2</div>
<div id="pick_3">moo3</div>

より複雑なid文字列がある場合、二重引用符は必須です。

たとえば、次のようなIDがある場合id="2.2"、それにアクセスする正しい方法は次のとおりです。$('input[id="2.2"]')

安全上の理由から、可能な限り二重引用符を使用してください。