2011-08-12 14 views
0

とDIVするクラスを追加:jQueryの私は、次のマークアップ持っていないクラス名

<body id="terms_and_conditions_page" dir="ltr"> 
<div class="main-wrapper"></div> <---------* Edit 
<div> <-------* 
    <div class="page_banner describes_page_content body-bg"></div> 
    <div class="content-bg"></div> 
</div> 
</body> 

を、私はマークアップがするので、クラス名でのdivにクラス(TC-コンテンツ)を追加しようとしています次のようになります。

<body id="terms_and_conditions_page" dir="ltr"> 
<div class="main-wrapper"> 
<div class="tc-content"> <-------* 
    <div class="page_banner describes_page_content body-bg"></div> 
    <div class="content-bg"></div> 
</div> 
</body> 

私は$('#terms_and_conditions_page:nth-child(2)').addClass('tc-content'); を試してみましたが、それは、この空のdivのすべての子供にクラスを追加します。 簡単な方法はありますか?

編集:申し訳ありませんが、閉鎖divをスキップしたので、私はそれをFirebugからコピーしました。編集を参照

+0

を試してみてください、あなたは '' $( "divの[クラス= 'と']")したことがありますか? –

+0

'.main-wrapper'は' tc-content'の親ですか? – karim79

答えて

2

たくさんあります

1. #terms_and_conditions_page>*:nth-child(2) 
2. $('.main-wrapper').next() 
3. $('.page_banner').parent() 
+0

おかげで、私は親について考えていたはずです... – Cyril

0

divですか?それにidを代入すると、idで要素を取得し、それにクラスを追加できます。

0
$('#terms_and_conditions_page > div > div:first').addClass('tc-content'); 

選択するdivはbodyタグの子の子であり、bodyタグの直接の子ではありません。正確なマークアップでは、セレクタに置かれた ':first'は実際には必要ありません。なぜなら、その階層にdivが1つしかないからです。

<body id="terms_and_conditions_page" dir="ltr"> 
<div class="main-wrapper"> 
<div> <-------* 
    <div class="page_banner describes_page_content body-bg"></div> 
    <div class="content-bg"></div> 
</div> 
</body> 

があるべき:あなたのマークアップで非閉鎖さのdivタグがあることを意味

...

<body id="terms_and_conditions_page" dir="ltr"> 
<div class="main-wrapper"> 
    <div> <-------* 
    <div class="page_banner describes_page_content body-bg"></div> 
    <div class="content-bg"></div> 
    </div> 
</div> 
</body> 
0
$("#terms_and_conditions_page div:not([class])").attr("class","tc-content") 

1

に動作しますが、これを試してみてください。

$('.main-wrapper').next().addClass('tc-content'); 
0

がありますか?試してみてください:

$(".main-wrapper > div").eq(0).addClass("tc-content"); 
0

この

$("div.page_banner").parent().addClass("tc-content"); 
関連する問題