Programing/javascript

jQuery 이름이 비슷한 여러 요소 한번에 선택(like selector for jquery)

Dongkkase 2023. 9. 19. 11:46
반응형
<div class='name'>1</div>
<div class='name_kr'>2</div>
<div class='name_en'>3</div>
<div class='animal_name_en'>4</div>
<div class='animal_name'>5</div>
// 기본, class요소 값이 'name'과 정확히 일하는 class를 선택한다.
$('div[class="name"]').html('change'); // change: 1

// class요소의 값이 'name'으로 시작하는 모든 class를 선택한다.
$('div[class^="name"]').html('change'); // change: 1, 2, 3

// class요소의 값이 'name'이 포함된 모든 class를 선택한다.
$('div[class*="name"]').html('change'); // change: all

// class요소의 값이 'name'으로 끝나는 모든 class를 선택한다.
$('div[class$="name"]').html('change'); // change: 5

비슷한 이름을 가진 class나 배열 형태의 필드(예: <input name='name[0]'/>)를 선택하기에 적합하다.

반응형