2012-01-11 5 views
-1

웹 양식에 Button 컨트롤이 있습니다. 여기서는 JQuery를 통해 CSS 스타일을 적용했습니다. 어떤 경우에는 페이지로드에 적용된 스타일을 제거하려고합니다. 부모 스팬 (span)과 DIV 요소를 탐색하여 제거해야합니다. 나는 이것이 어떻게 달성 될 수 있는지 알고 싶습니다. 페이지로드시 스타일을 적용한 후 HTML 마크 업은 다음과 같습니다.부모 요소로 이동하여 Style 특성을 제거하는 방법

<DIV class=jquery-roundedBtn> 
<SPAN class=spanLt></SPAN> 
<INPUT id=DefaultContent_btnRunReport class=edit-submit value="Run Report" type=submit name=ctl00$DefaultContent$btnRunReport> 
<SPAN class=spanRt></SPAN> 
</DIV> 

답변

0

스타일을 어떻게 적용합니까? 다행스럽게도 스타일을 지정하려는 요소에 클래스를 할당하는 것입니다.

$(".mySelector").parent().removeClass("myClass"); 

내가 어떤 부모 SPAN 표시되지 않습니다,하지만 당신은 당신이 필요한 경우 형제 스팬을 선택 siblings 기능을 사용할 수 있습니다 :이 경우 당신과 같이 그것을 제거 할 수 있습니다.

0

직접

$('.spanLt .spanRt .jquery-roundedBtn').removeClass("name of class"); 
1

이 시도 부모를 선택할 수 있습니다 :

$('.spanLt, .spanRt, .jquery-roundedBtn').removeClass("name of class"); 
0

이 더 강력한 솔루션입니다 :

$('#DefaultContent_btnRunReport').closest('div').removeClass('test123').find('span').removeClass('test123'); 

시작 지점이 문제의 버튼입니다. closest('div')은 첫 번째 부모가 div (즉각/직접 부모 일뿐만 아니라)을 반환하므로 나중에 나중에 마크 업을 변경하면 js는 여전히 작동합니다. find('span')은 이전에 발견 된 div의 모든 범위를 반환합니다. 버튼과 관련된 또한

, div, span 대신 해당 클래스의 모든 div, span의 대상이 될 것입니다.

관련 문제