jquery如何遍历一系列项目并采取行动？

Question

给出HTML：

<div class="itemList">
  <div class="streamBox version-2"> stuff </div>
  <div class="streamBox version-2"> stuff </div>
  <div class="streamBox version-3"> stuff </div>
  <div class="streamBox version-2"> stuff </div>
  <div class="streamBox version-3"> stuff </div>
  <div class="streamBox version-1"> stuff </div>
</div>

如何让jquery遍历'.itemList'div内的所有'.streamBox'？

在循环时，给定版本＃，如2，如何让它显示（）版本-2但隐藏所有其他版本？

由于

Answer 1

$('.itemList').children().hide().filter('.version-2').show();

---

另外，使用UL元素：

<ul class="itemList">
  <li class="version-2"> stuff </li>
  <li class="version-2"> stuff </li>
  <li class="version-3"> stuff </li>
  <li class="version-2"> stuff </li>
  <li class="version-3"> stuff </li>
  <li class="version-1"> stuff </li>
</ul>

Answer 2

$('.itemList').children('.steamBox').each(function(index) {
    // Now you can use $(this) to manipulate a list item
    if (index != 2) // index starts at 0
        $(this).hide();
});

Answer 3

尝试类似：

function showVersion(ver) {
$('.streamBox').hide();
$('.version-' + ver).show();
}