Jquery는 문자열로 시작하는 모든 ID를 찾으십니까?


78

전체 페이지에서 "content_"로 시작하는 모든 ID를 검색하는 방법과 "extra_content"라는 명명 된 div에서만 ID를 찾는 방법이 궁금했습니다. 모든 ID가 있으면 숨기고 싶습니다.

아래는 내가 찾고 싶은 것의 예입니다.

<div id="content_1"></div> <-- Find
<div id="content_2"></div> <-- Find
<div id="contet_3"></div>

<div id="extra_content"> 
    <div id="content_extra_1"></div> <-- Find
    <div id="content_extra_2"></div> < -- Find
</div>

예가 도움이 될 것입니다.

감사


모두 숨기거나 ID를 얻으시겠습니까?
Anand Thangappan 2011

답변:


149

attribute-starts-with 선택기를 사용하십시오 .

$('[id^="content_"]').hide();

내 요소로 검색을 제한하려면 extra_content:

$('#extra_content [id^="content_"]').hide();

1
나는 선택 자로 시작하는 속성을 몰랐지만 (둘 모두에게 +1) 속성 클래스를 추가하여 id 속성을 사용하는 대신이를 조작해야한다고 생각합니다. 이해하기 쉽고 깨끗하며 버그를 방지하는 데 도움이됩니다 ...
jbatista

안녕하세요, 혼란 <div id="min1"></div> <div id="max1"></div> <div id="min2"></div> 스럽습니다 . 다음과 같은 시나리오가 있습니다 .`<div id = "max2"> </ div>`. 나는 이것을 사용하고 있습니다 : $("[id^=min]", "[id^=max]").val('hello')그들과 함께 뭔가를합니다. 작동하지 않습니다. 무엇이 문제입니까?
Mazhar MIK

@MazharMIK 문제는 선택자를 분리하는 것입니다. 이어야합니다 $("[id^=min],[id^=max]").val('hello'). 이 경우. (PS 클래스는 당신의 친구입니다)
대니 마호니
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.