JQueryはTD内の要素を選択します

Question

私のテーブルのtd内の要素を選択したいのですが、構文を理解できません。 これは私が試したものです：

$("table > td:#box") 

これは私のテーブル構造のサンプルです：

<div id="main"> 
<div id="today"> 
    <table id="list" width="100%" cellpadding="4" cellspacing="0" border="0" style="font-size: 10px; border-collapse:collapse;"> 
    <tr id="109008"> 
    <td class="tdstd"> 
    <a class="box" href="link"></a> 
    </td> 

やChromeのDOMインスペクタを使用して：

Answer 1

まあ、「#box固有のIDであるので、ID "box"を持つDOMオブジェクトを意味します。あなたはそれを直接選択することができます。しかし、あなたのコードは、あなたが変更しなければならないid "box"を持つ要素がいくつかあることを示唆しています。あなたは、TDの内側にあなたの要素にクラスを割り当てる必要があります、またはそれはボックス内にのみDIVやSPANことにより独特だ場合、あなたはこのようにアクセスすることができます：「>」セレクタがあることを意味していること

$("table td .box") 

注意TDはTABLEの直接の子でなければなりません。私はあなたの間に少なくともTRレベルがあると仮定しているので、どちらもうまくいきません。上記の私の例では、テーブルの子である任意のTD内のクラス "ボックス"を持つすべての要素に一致します。

はもちろん、私は同様にテーブルの上にクラスを設定し、このようなものを使用します。

$("table.boxes td .box") 

ただ、あなたが誤ってあなたが仕事をしたい範囲外のものを選択していない

。あなたは今では、私は私の答えを編集していますHTMLを追加した

---

：

$("table#list a.box") 

Answer 2

$("table tr td .box") 

このトリックを行う必要があります。

Answer 3

このセレクタ私はわからないんだけど、私が思うに、あなたが$("td#box")を必要とする...

Answer 4

...

table td a.box 

は「含まれていclass属性を持つaタグを見つけるために、jQueryのを伝えますボックス"。このaタグは、の内部にあるtdの内部にある必要があります。

Answer 5

最も効率的なセレクタは次のようになります。

$('#list').find('a.box'); 

か：

$('a.box', $('#list')[0]); 

最初のテーブルidを選択することであなただけのテーブルにあなたの範囲を設定していると、あなたは要素を検索することができますあなたはそのテーブルで必要なものです。

2番目のセレクタは同じで、何かを選択していて、2番目のパラメータとしてスコープを指定しています。

最初の文字を読むのは簡単です。