programing

jquery에서 특정 속성 값을 가진 모든 요소 찾기

instargram 2023. 10. 9. 21:20
반응형

jquery에서 특정 속성 값을 가진 모든 요소 찾기

나는 특별한 속성 값을 가진 모든 요소를 찾아야 합니다.

여기 제가 찾아야 할 디브가 있습니다. (많은 디브를 가지고 있습니다.)

<div imageId='imageN'>...

나는 단지 디브들을 반복해서 살펴봐야 합니다.imageId='imageN'

질문에 정확하게 답하지는 않지만 단순히 지정된 속성 이름을 가진 요소(잠재적으로 다른 태그 이름)의 모음을 얻을 수 있는 방법을 검색할 때(속성 값으로 필터링하지 않고) 여기에 착륙했습니다.저는 다음 사항이 저에게 적합하다는 것을 알았습니다.

$("*[attr-name]")

업데이트: 별표가 필요하지 않은 것으로 보입니다. 즉, 일부 기본 테스트를 바탕으로 볼 때, 다음은 위와 동일한 것으로 보입니다(이를 지적해주신 매트 덕분에).

$("[attr-name]")
$('div[imageId="imageN"]').each(function() {
    // `this` is the div
});

속성의 유일한 존재 여부를 확인하려면 값에 상관없이 이 선택기를 대신 사용할 수 있습니다.$('div[imageId]')

태그라고 하는 것이 아니라 html 속성이라고 하는 것입니다.

$('div[imageId="imageN"]').each(function(i,el){
  $(el).html('changes');
  //do what ever you wish to this object :) 
});

속성의 일부 값을 사용하여 (^) 기호를 사용하여 DOM 요소를 탐지할 수 있습니다.예를 들어 다음과 같은 디브가 있습니다.

<div id="abc_1"></div>
<div id="abc_2"></div>
<div id="xyz_3"></div>
<div id="xyz_4"></div>...

코드를 사용할 수 있습니다.

var abc = $('div[id^=abc]')

이렇게 하면 ID가 다음으로 시작하는 div의 DOM 배열이 반환됩니다.abc:

<div id="abc_1"></div>
<div id="abc_2"></div>

데모는 다음과 같습니다. http://jsfiddle.net/mCuWS/

문자열 연결을 사용합니다.시도해 보기:

$('div[imageId="'+imageN +'"]').each(function() {
    $(this);   
});

언급URL : https://stackoverflow.com/questions/4958081/find-all-elements-with-a-certain-attribute-value-in-jquery

반응형