특정 class이름을 가진 요소 검색 class="ui-layout-****" > jquery

문제점 :

<div class="ui-layout-center">..

<div class="ui-layout-north">..

<div class="ui-layout-south">..

...

상기와 같은 이름을 가진 div 들이 있다.

이들 요소를 한번에 선택할 수 없을까?

해결방법 :

$("[class^=ui-layout]").each(function() {
  alert($(this).attr("class"));

});

해설 :

$("[class^=ui-layout]")라는 선택자를 사용한다.

$("div[class^=ui-layout]") 이렇게 하면 더 빠를 것 같으다.

하지만 그 차이는 그리 크지 않을 듯..

논의사항 :

$("tr[id^=tb]"); // tr tag 에서 id값이 tb로 시작하는 모든 요소를 선택

$("tr[id*=tb]"); // tr tag 에서 id값에 tb를 포함하는 모든 요소를 선택