2013-01-22 28 views
0

我試過了,但沒有得到結果。 我只是創造學習這裏jquery,如果在html父類中的類變得活躍

我的想法的Html

<html> 
    <div> 
    <div class="spinner"> 
    </div> 
    </div> 
</html> 

jQuery的

if (".spinner"){ 
this.parent.addClass() 
} 
else { 
this.parent. removeClass() } 

我想要什麼,如果HTML代碼中添加微調類,微調父類得到添加一些CSS樣式。如果微調控件類從html中刪除,微調控件父類已經從我們添加的內容中跳出來。我該怎麼做?

感謝您的建議。

+0

是啊,我在這裏編輯.. – Selvamani

+0

如何要卸下微調類?在相同的位置刪除它,首先刪除它的父類。 –

+0

你的html在哪裏是你的JavaScript?也許你在DOM加載之前執行了JavaScript。 – Marco

回答

0

嘗試......

var spDiv = $(".spinner"); 
if (spDiv){ 
    spDiv.parent().addClass("spinner"); 
}else { 
    spDiv.parent().removeClass("spinner"); 
} 

問候。

+0

你可以讓jfiddle ... bcz它不適合我 – Selvamani

+0

@Selva看到這個http://jsfiddle.net/ycRjs/1/ –

1

有幾個問題。然後

<div class="spinner"> 

,從引用this(JavaScript對象)來$(this)(jQuery對象)改變你的jQuery,如:

首先,改變你的DIV有微調的,像這樣所以:

if (!$(this).hasClass("spinner")){ 
    $(this).addClass("spinner")); 
} 
else { 
    $(this).removeClass("spinner"); 
} 
1

HTML:

<div> 
<div class="spinner"> 
</div> 

功能:

function updateSpinnerParent(){ 
    var ref = $(".spinner"), 
    cls = "hello"; 

    if(ref.length > 0){ 
     // element(s) with class 'spinner' is present 
     ref.parent().addClass(cls); 
    }else{ 
     // element(s) with class 'spinner' is not present 
     ref.parent().removeClass(cls); 
    } 
} 

呼叫,每當你想更新的父元素這樣的功能:

updateSpinnerParent(); 
+0

'if(ref.length> 0)'這裏這行代表什麼意思? – Selvamani

+0

非常粗糙的完整性檢查 - 查看我們的jQuery對象是否有任何匹配的元素。文檔:http://api.jquery.com/length/ – darshanags