テーブル行でイメージを選択する方法は？

私はそうのようなページ上のテーブルを持っている：テーブル行でイメージを選択する方法は？

<table id="ctl00_PlaceHolderMain_Table_Name" class="schedule-table" cellspacing="1" border="0" style="width:100%;"> 
<tr> 
    <td class="resource-header"><span class="resource-header-text">Personnel</span></td> 
    <td class="resource-header"><span class="resource-header-text">Office</span></td> 
    <td class="dow"><span class="dow">Tue<br>01</span></td><td class="dow"><span class="dow">Wed<br>02</span></td><td class="dow"><span class="dow">Thu<br>03</span></td><td class="dow"><span class="dow">Fri<br>04</span></td><td class="weekend"><span class="weekend-text">Sat<br>05</span></td><td class="weekend"><span class="weekend-text">Sun<br>06</span></td><td class="dow"><span class="dow">Mon<br>07</span></td>...and so on until end of month...<td class="dow"><span class="dow">Thu<br>31</span></td> 
</tr> 
<tr class="DataRow" id="DataRow_8"> 
<td class="resource" style="display:none;"><span class="resource">8</span></td> 
<td class="resource" id="TD_Name"><img src="../../images/epas/working.gif" width="16" height="16" alt="Working..." id="imgProgress" /><span title="Lname, Fname " class="resource">Lname, Fname</span></td> 
<td class="resource" id="TD_Office"><span>A6OK</span></td> 
<td class="dow" id="TD_1" onDblClick="location.href('myurl.aspx?p=8&amp;e=0&amp;d=01-Mar-2011&amp;o=8&amp;v=A6OK');"></td> 
<td class="dow" id="TD_2" onDblClick="location.href('myurl.aspx?p=8&amp;e=0&amp;d=02-Mar-2011&amp;o=8&amp;v=A6OK');"></td> 
<td class="dow" id="TD_3" onDblClick="location.href('myurl.aspx?p=8&amp;e=0&amp;d=03-Mar-2011&amp;o=8&amp;v=A6OK');"></td> 
<td class="dow" id="TD_4" onDblClick="location.href('.aspx?p=8&amp;e=0&amp;d=04-Mar-2011&amp;o=8&amp;v=A6OK');"></td> 
<td class="weekend" id="TD_5" onDblClick="location.href('.aspx?p=8&amp;e=0&amp;d=05-Mar-2011&amp;o=8&amp;v=A6OK');"></td> 
<td class="weekend" id="TD_6" onDblClick="location.href('myurl.aspx?p=8&amp;e=0&amp;d=06-Mar-2011&amp;o=8&amp;v=A6OK');"></td> 
    . 
    . 
    . 
and so on until end of month 
    . 
    . 
    . 
</tr> 
    . 
    . 
    . 
and a bunch more similar rows 
    . 
    . 
    . 
</table>

文書が、私はそうのように、各データ行にいくつかの操作を実行する準備ができているとき：操作は、特定のために完了すると

$('.DataRow').each(function(){ //do stuff });

私はその行の 'imgProgress'を隠したいと思っています。私が間違っているのは何

$(this).find(.imgProgress')attr('display', 'none');

：私は「なし」にその表示を設定することができるように画像を選択する問題を抱えています

現在、私はそうのような目ELOOP以内にそれをしようとしていますか？イメージを選択するにはどうしたらいいですか？ img以来

出典

2011-03-16 Bengal

はJS uはこれまで持っている行く末を知っ：あなたは（クラスで）そのTRでのimgを変更することができTRあなたが特定のために機能している場合

？ – Neal

次のように動作するはずです：

$('#imgProgress').css('display','none');

出典

2011-03-16 17:21:03 eykanal

さらに良い$（ '。schedule-table img'）。隠す（）; – easwee

を再度送信します。そのimgがページのさらに下に繰り返されるならば、彼は間違ってそこにそのIDを持っています。 – Walker

@walkerあなたは、すべてのコードを慎重に読むために私よりも優れた人間です。これに関係なく、これはうまくいくでしょうし、コードも修正する必要があります。 – eykanal

はid（がは、文書内で一意でなければなりません）、それを使用しています

$('#imgProgress');

文書からこれを削除するには、jQueryの.remove()メソッドを使用することができます。

出典

2011-03-16 17:19:24

は動作しません。そのimgがページのさらに下に繰り返されると、彼は間違ってIDを取得します。 – Walker

@ウォーカー、したがって強調します。しかし、彼が間違って 'id 'を使っていることを明確にすることなく、これはうまくいくでしょう。しかし、公正であるために、私はあなたが正しいと思います。 –

あなたの細胞のすべてがユニークに見えないそれらのIDを持っています。 IDとしてではなく、各TDのIDをクラスに追加します。その後

：

$(this).children('.TD_Name').children('img').css('display', 'none'); //where "this" is the TR object

出典

2011-03-16 17:22:55 Walker

$("#imgProgress", this)または$(this).find("#imgProgress")はあなたが<td>

であなたのjQueryを実行している場合imageProgress IDを選択するか、テーブルの行の "この" IDに/クラスを変更します。

出典

2011-03-16 17:23:20

HTML

使用class="imgProgress"代わり

一つのことのために[OK]

$(this).find('.imgProgress').hide();

出典

2011-03-16 17:23:28 melhosseiny

に変更し、それを。 DOM内でIDを繰り返すのは悪い考えで、jqueryはそのIDを持つ特定のセレクタの第1位しか見つけません。

$('.DataRow').each(function(){ 
    //something in the tr... 
    $($(this).children('td')[0]).children('.imgProgress').hide(); 
    //all done and hide this tr's img (in the 1st td) 
})

出典

2011-03-16 17:23:28 Neal

テーブル行でイメージを選択する方法は？

答えて

関連する問題