0

Sigmaによって動的に作成されたコードがあります。これは次のようになります。

<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>

分類されていないスパン（＃と予定納期）をターゲットにして、スタイルを設定しようとしています。

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

しかし、効果はありません。ご覧のとおり、その周りには触れたくないスパンが他にもあります。私は何が間違っているのですか？

=====シグマグリッドを使用している他の人への最終回答：

ポインタを提供してくれた@minitechのおかげで、答えはSigmaGridのgridOptionに次のように追加することです。

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

3 に答える 3

1

そこに任意のコードブロックを挿入しました。jQueryの.each関数を使用して、関数を渡す必要があります。jQueryはライブラリであり、言語構造ではありません。

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

または、より簡潔に言えば、addClass（多くのjQuery関数のように）コレクション全体を暗黙的に操作するためです。

$('div.gt-inner:first-child span').addClass('celltitle');
于 2012-04-09T23:28:42.813 に答える
0

私はこれがうまくいくと思います：

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

詳細については、http：//api.jquery.com/addClass/をご覧ください。

于 2012-04-09T23:30:45.847 に答える
0

このように使用してください

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

デモ

于 2012-04-09T23:28:43.567 に答える