jQuery 선택기의 와일드 카드

와일드 카드를 사용하여 id가 "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"]')

안전상의 이유로 가능한 한 큰 따옴표를 사용하십시오.