0

「total-items」CLASS=が12のSPANのコンテンツがポップアップするという条件を設定しようとしています。

これが私のHTMLコードです：

<span class="total-items">12</span>​

これが私のjQueryコードです：

if($('.total-items').html == 12){
    alert("Test");
}    ​​

多分私はparseInt関数を使うべきだと思いますか？方法がわからない。どんな助けでもいただければ幸いです。

4

3 に答える 3

3 
if ( $('.total-items' ).text() === '12' )

SPANのコンテンツに先頭または末尾の空白が含まれている可能性がある場合は、目的の値と比較する前に、その空白を削除する必要があります。

if ( $.trim( $('.total-items' ).text() ) === '12' )

また、そのSPANへの参照をキャッシュすることを検討してください。そうすれば、繰り返しクエリを実行する必要がなくなります。（このチェックを複数回行う必要がある場合は、これを実行してください。）

var $totalItems = $('.total-items' );

その後

if ( $totalItems.text() === '12' )
于 2012-06-27T19:09:12.687 に答える
1

このようにしてください：

if( +$('.total-items').text() === 12){
    alert("Test");
}

これにより、テキストが12のときにポップアップが作成されます。

于 2012-06-27T19:13:50.890 に答える
1

そのようなテキスト12からの解析には反対するようアドバイスします。spanあなたがそれをしている方法は、あなたがページに12という数字を表示しようとしているように見えます。そのようなプレゼンテーションアイテムからのデータに依存することは悪い考えです。スパンの内容を変更したい場合はどうしますTotal items: 12か？その中から12を解析するのに苦労するか、新しい要素を導入する必要があります。

これが私が提案するものです：

<span id="total-items" data-count="12">12</span>

と：

if ($('#total-items').data('count') === '12') {
    // do whatever
}

total-itemsまた、 aclassから。に変更したことに注意してidください。これは、このデータを取得する要素が1つだけであることを思い出させます。

于 2012-06-27T19:18:41.737 に答える