19

ネストされたテーブルを持つテーブルがいくつかあります。jQueryを使用して、数値が空であるか内容が無関係であるため、テーブルセルの一部を非表示にしました。

たとえば、jQueryを使用してすべてのTDを非表示にし、次にjQueryを使用してそれらを表示します(たとえば、TDが含まれている場合)<P>

残念ながら、一部のTDには何も含まれていませんが、表示する必要があります。TDに与えられたクラスは動的であるため、それらすべてを(Sensibly)コーディングすることはできませんが、それらはすべて「ノード」を終了します。

私はそのようなことをすることが可能かどうか疑問に思いました...

$(function() {
   $('TR .*Node').css('display','inline');
});
4

3 に答える 3

38

これにより、クラス名のNode どこかにあるtdsが選択されます。

$('td[class*=Node]').css('display','inline');

これにより、クラス名Node の末尾にあるtdsが選択されます。

$('td[class$=Node]').css('display','inline');

.show()それはほぼ同じことをすることを覚えておいてください.css('display','inline');

于 2009-09-02T16:02:29.777 に答える
3

[ attribute $ = "value"]セレクターを使用すると、特定の値で終わる属性を照合できます。show()CSSを直接​​変更する代わりに使用すると、表示している要素の表示特性が保持されることに注意してください。本当にインラインで表示させたい場合は、次のコマンドを使用してcssメソッドに戻すことができます。display: inline

 $('td[class$="Node"]').show();
于 2009-09-02T16:04:42.037 に答える
2
$(function() {
     $('td[class*=Node]').css('display','inline');
});
于 2009-09-02T16:06:19.770 に答える