4

たとえば、jQueryの「tdwidth」で学びたいと思います。

if(td.width=="100"){
    alert("td width = 100");
}

説明してください。

<table width="200" border="1">
    <tr>
        <td width="100">Number</td>
        <td width="50">Order</td>
    </tr>
    <tr>
        <td width="100">1</td>
        <td width="50">Car</td>
    </tr>
</table>
4

5 に答える 5

6

これは単純な拡張機能です。css を編集して、邪魔にならないようにすることができます。

var tdWidthLimit = 100;

$('td').each(function() {
    tdWidth = $(this).width();
    if (tdWidth >= tdWidthLimit)
    {    
        alert('hightlighted td width is ' + tdWidth);
        $(this).css({'background-color' : '#f00'});
    }
});

動作デモはこちら</p>

于 2012-11-08T08:52:27.820 に答える
2
$('td').each(function(){
      if($(this).width() == 100){
           alert(this.textContent + " width = 100");
      }
});

これにより、すべての td が調べられ、幅が 100 の場合、td のテキスト コンテンツと「幅 = 100」が警告されます。

于 2012-11-08T08:47:49.767 に答える
0

jQuery width はメソッドです。メソッドを呼び出す必要があります:

if(td.width() === 100) {
    alert("td width = 100");
}

もちろん、tdはjQueryオブジェクトでなければなりません。jQuery オブジェクト コレクションの最初の要素を取り、その幅を取得することに注意してください。その中に多くの要素がある場合は、 .each() を使用してそのコレクション内のすべての要素をループする必要があります。

于 2012-11-08T08:42:15.650 に答える
0

ここ:

if($('table td').width() == 100) {
    alert('width == ' + $('table td').width());
}
于 2012-11-08T08:42:36.290 に答える
0

jQuery をよりよく理解したい場合は、 jQuery Fundamentalsを少し読んでおくことをお勧めします。

現在の例では、次のようになります。

if($('td').width() === 100) {
    alert("td width = 100");
}

ページに複数の要素がある場合は問題が発生することに注意してtdください。そのため、より具体的なクエリ セレクターを検討することをお勧めします。

于 2012-11-08T08:44:54.960 に答える