3

各ページの画像の数を読み込むdivがあります。例えば：

<div class="totalimages">1</div>
<div id="arrows">NEXT</div>

画像が1つある場合は、＃arrowsdivを非表示にします。私はjQueryがあまり得意ではないので、jQueryの構文はどうなるのか疑問に思いました。

.totalimages divが「1」に等しい場合は、div#arrowsを非表示にします。

ありがとうございました！

4

3 に答える 3

8

これを試して：

if ($(".totalimages").text() == "1") {
    $("#arrows").hide();
}

または1行で：

$("#arrows").toggle($(".totalimages").text() != "1");
于 2012-10-29T10:12:16.653 に答える
1

これを試して

if($('.totalimages').html() == 1){
    $("#arrows").hide();
}​

ここにフィドルがあります：http://jsfiddle.net/paw5w/15/

于 2012-10-29T10:15:49.383 に答える
0

プレゼンテーションをデータから切り離すことをお勧めしますか？新しいHTML5属性を使用すると、スクリプトの表示に依存することなく、これをより適切に実現できます。これにより、画像の総数の表示方法を変更しても、同じ効果を実現できます。つまり、矢印を非表示にします。

<div class="totalimages" data-total-images="1">1</div>
<div id="arrows">NEXT</div>

var totalImages = parseInt($('.totalimages').data('totalImages'), 10);
if(totalImages <= 1) {
  $('#arrows').hide();
}

data-ご覧のとおり、関心のあるデータを含む-attributeを追加しました。これでtotalimages、スクリプトを壊さずに、必要に応じて-divのテキストを変更できます。

<div class="totalimages" data-total-images="15">Showing image 1 out of 15</div>
于 2012-10-29T10:20:02.617 に答える