怎么做只有这个div

Question

<div id="container"> 
  <div class="slides"> 
    <div class="slides_container"> 
      <p>1</p>
      <p>2</p>
      <p>3</p>
    </div> 
    <a href="#" class="prev">Prev</a> 
    <a href="#" class="next">Next</a> 
  </div> 
</div> 

<div id="container"> 
  <div class="slides"> 
    <div class="slides_container"> 
      <p>1</p>
    </div> 
    <a href="#" class="prev">Prev</a> 
    <a href="#" class="next">Next</a> 
  </div> 
</div> 

---

var n = $(".slides_container > p").length;

if (n == 1) {
    $(".prev", ".next").hide();
} else {
    $(".prev", ".next").show();
}

---

如果“P”= 1，我将隐藏.prev＆amp; .next（只有这个DIV）

怎么样？谢谢：D

Answer 1

使用逗号指定multiple selectors并将它们全部用单/双引号括起来：

if (n > 0) {
    $(".prev, .next", $('#container ')).hide();
}
else {
    $(".prev, .next", $('#container ')).show();
}

Answer 2

这将迭代每组幻灯片，并根据有多少p元素切换prev和next链接的可见性。

$('div.slides').each(function() {
    $('.prev,.next', this).toggle(
        $('.slides_container > p', this).size() > 1
    );
});