Ký tự đại diện trong bộ chọn jQuery

Tôi đang cố gắng sử dụng ký tự đại diện để lấy id của tất cả các thành phần có id bắt đầu bằng "jander". Tôi đã thử $('#jander*'), $('#jander%')nhưng nó không hoạt động ..

Tôi biết tôi có thể sử dụng các lớp của các yếu tố để giải quyết nó, nhưng cũng có thể sử dụng các ký tự đại diện ??

<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>

Để có được tất cả các yếu tố bắt đầu bằng "jander", bạn nên sử dụng:

$("[id^=jander]")

Để có được những người kết thúc với "jander"

$("[id$=jander]")

Xem thêm tài liệu JQuery

Vì tiêu đề gợi ý ký tự đại diện, bạn cũng có thể sử dụng điều này:

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

Điều này sẽ chọn chuỗi đã cho bất cứ nơi nào trong id.

Hãy thử jQuery bắt đầu với

bộ chọn, '^ =', vd

[id^="jander"]

Tôi phải hỏi, tại sao bạn không muốn làm điều này bằng cách sử dụng các lớp học?

cho các lớp bạn có thể sử dụng:

div[class^="jander"]

Để lấy id từ kết hợp ký tự đại diện:

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

Khi bạn có một chuỗi id phức tạp hơn, dấu ngoặc kép là bắt buộc.

Ví dụ: nếu bạn có một id như thế này : id="2.2", cách chính xác để truy cập nó là:$('input[id="2.2"]')

Càng nhiều càng tốt sử dụng dấu ngoặc kép, vì lý do an toàn.