2013-07-01 4 views
-2

질문이 있습니다. (정말 간단하지만 실제로는 찾을 수 없습니다.)Jquery 객체에서 selector를 사용합니다.

DOM 요소를 나타내는 Jquery 객체에서 selector를 사용하는 방법을 찾고 싶습니다.

다음은 내가하고 싶은 일의 예입니다.

HTML :

<div id="template"> 
    <button class="buttonRemove"></button> 
    ...A Lot of other HTML Content... 
</div> 

JQuery와 :

var myTemplate = $("#template").clone(true); 
myTemplate.attr("id","a_new_customized_id"); 
myTemplate.A_WAY_TO_SELECT_BUTTON_WITH_CLASS_REMOVE.hide(); 

나는 두 가지 이유 그 원인을 싶습니다 을 내가 정보를 표시처럼 (일부 differents의 기능을 위해 내 진짜 템플릿을 사용하고 있습니다 삭제할 수있는 항목 및 그렇지 않은 항목이 있음)

Thx!

편집 : 답장을 보내 주셔서 감사합니다. 나는 해결책을주기 전에 "$ .myTemplate ("selector ")"와 같은 많은 것을 시도했다. 당신이 선택 방법에 두번째 매개 변수를 사용하는 경우

$('#buttonRemove',myTemplate) 

, 그것은 선택기에 대한 연구의 도메인으로 사용됩니다 :

난 그냥있는 다른 해결책을 발견.

+3

['.find()'] (http://api.jquery.com/find/) –

+1

jquery find http://api.jquery.com/find/ – Liam

+0

myTemplate.find (": button .buttonRemove "). hide()는 myTemplate 내부에서"buttonRemove "클래스의 모든 버튼을 숨 깁니다. 선택기의 끝에 ": first"를 추가하면 첫 번째 버튼 만 표시됩니다. – Ricola3D

답변

4
myTemplate.A_WAY_TO_SELECT_BUTTON_WITH_CLASS_REMOVE.hide() 

다음과 같이 기록됩니다 (기본 문서), 복제 된 요소가 추가되어 있지 않은 경우

myTemplate.find('button.remove').hide() 
+0

Thx, 그게 내가 찾고 싶었던 :)! 이걸 몰랐어. – Okazari

+0

요소 복제에주의하십시오. 당신이 조작하고있는 것에 혼란 스러울 것입니다. 어쩌면 그것 'myTemplate_Clone'또는 뭔가 이름. – AntouanK

+0

제 실제 코드에서 템플릿을 사용하여 JQuery 아코디언 (특정 조직)을위한 탭을 생성했습니다. 이것이 클론을 사용하는 이유입니다. – Okazari

3
myTemplate.find('button.buttonRemove').hide(); 

이 아무 효과가 없습니다 (의이 클래스는 "제거"하고 있다고하자) 나중에/이전 DOM.

+0

물론;)! 나는 내가 필요로하는 것의 약간의 예를 보여주고 있었다. 정확하게 내가 할 것 인 것이 아니다 :)! 어쨌든 Thx! – Okazari

1
myTemplate.find('button.remove').hide(); 

이 클래스는 myTemplate에서 클래스를 삭제하는 버튼을 찾습니다.

관련 문제