Question

我有一个加载每页图像数量的div。例如：

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

当我有一张图片时，我想隐藏#arrows div。我对jQuery不是很了解所以我想知道它的语法是什么，

如果.totalimages div等于'1'，则隐藏div #arrows。

谢谢！

Answer 1

试试这个：

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

或一行：

$("#arrows").toggle($(".totalimages").text() != "1");

Answer 2

试试这个

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

这是小提琴：http://jsfiddle.net/paw5w/15/

Answer 3

我建议您从数据中解除演示文稿吗？使用新的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- - 属性，其中包含您感兴趣的数据。现在，如果您愿意，可以更改totalimages - div的文本没有打破脚本：

<div class="totalimages" data-total-images="15">Showing image 1 out of 15</div>

如果div值等于'1'则隐藏另一个div

3 个答案: