Замітні знаки в селекторах jQuery

Я намагаюся використовувати підстановку, щоб отримати ідентифікатор усіх елементів, ідентифікатор яких починається з "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>

Щоб отримати всі елементи, що починаються з "jander", ви повинні використовувати:

$("[id^=jander]")

Щоб отримати ті, що закінчуються на "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^=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="2.2"правильний спосіб отримати доступ до нього:$('input[id="2.2"]')

Максимально використовуйте подвійні лапки з міркувань безпеки.