Hinzufügen einer Klasse über jQuery

Question

Ich habe einige Code dynamisch von Sigma erstellt, die wie folgt aussieht:

<div id="myGrid1_headDiv" class="gt-head-div"> 
<div class="gt-head-wrap"> 
<table id="myGrid1_headTable" class="gt-head-table"> 
<tbody> 
<tr class="gt-hd-row"> 
<td class="gt-col-mygrid1-uid"> 
<div class="gt-inner gt-inner-left" unselectable="on" title="#"> 
<span>#</span> 
<div class="gt-hd-tool"><span class="gt-hd-icon"></span> 
<span class="gt-hd-button"></span> 
<span class="gt-hd-split" style="cursor: col-resize; "></span></div></div></td> 
<td class="gt-col-mygrid1-p_deldate"> 
<div class="gt-inner gt-inner-left" unselectable="on" title="Planned Delivery Date"> 
<span>Planned Delivery Date</span> 
<div class="gt-hd-tool"><span class="gt-hd-icon"></span> 
<span class="gt-hd-button"></span> 
<span class="gt-hd-split" style="cursor: col-resize; "></span></div></div></td> 

Ich versuche, die un-klassifizierte Spannweiten (# und Geplanter Liefertermin), um zum Ziel style sie, mit:

$("div.gt-inner:first-child span") 
    { 
      $(this).addClass("celltitle"); 
     }; 

aber es hat keine Wirkung. Wie Sie sehen können, gibt es andere Bereiche, die ich nicht berühren möchte. Was mache ich falsch?

===== abschließende Antwort für andere Sigma Grid mit:

Danke für die Hinweise auf @minitech, ist die Antwort auf Sigma Grid gridOption hinzufügen mit:

onComplete:function(grid){ 
$('div.gt-inner > span').addClass('celltitle'); //add cell title after grid load 
} 

Answer 1

Sie‘ habe dort einen beliebigen Codeblock eingefügt. Sie müssen die .each Funktion von jQuery verwenden und Ihre Funktion übergeben; jQuery ist eine Bibliothek, kein Sprachkonstrukt.

$("div.gt-inner:first-child span").each(function() { 
    $(this).addClass("celltitle"); 
}); 

Oder prägnanter, da addClass (wie viele jQuery-Funktionen) implizit auf die gesamte Kollektion arbeitet:

$('div.gt-inner:first-child span').addClass('celltitle'); 

Answer 2

Verwenden Sie es wie dieses

$("div.gt-inner:first-child span").addClass("celltitle"); 

Demo

Answer 3

Ich denke, das sollte funktionieren:

$("div.gt-inner span").addClass("celltitle") 

Weitere Informationen finden Sie unter http://api.jquery.com/addClass/.