Подстановочные знаки в селекторах jQuery

Question

Я пытаюсь использовать подстановочный знак, чтобы получить идентификатор всех элементов, чей идентификатор начинается с «jander». Я пытался $('#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>

Answer 1

Чтобы получить все элементы, начинающиеся с "jander", вы должны использовать:

$("[id^=jander]")

Чтобы получить те, которые заканчиваются "jander"

$("[id$=jander]")

См. Также документацию JQuery

Answer 2

Так как заголовок предлагает подстановочный знак, вы также можете использовать это:

$(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.

Answer 3

Попробуйте jQuery начинается с

селектор, '^ =', например

[id^="jander"]

Я должен спросить, почему вы не хотите делать это с помощью классов?

Answer 4

для занятий вы можете использовать:

div[class^="jander"]

Answer 5

К получить идентификатор из совпадения с подстановочным знаком:

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

Answer 6

Если у вас есть более сложная строка идентификатора, обязательны двойные кавычки.

Например, если у вас есть такой идентификатор: id="2.2", правильный способ доступа к нему: $('input[id="2.2"]')

В целях безопасности используйте как можно больше двойных кавычек.