jQuery 선택기의 와일드카드

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>

모든 요소를 "잔더"로 시작하려면 다음을 사용해야 합니다.

$("[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"]')

안전을 위해 가능한 한 큰따옴표를 사용합니다.

언급URL : https://stackoverflow.com/questions/5376431/wildcards-in-jquery-selectors