显示/隐藏取决于属性

Question

I have a page with many panels on it, each one shown as a thumbnail. The data for the thumbnails is extracted from a database, so basically the code is as follows:

while ($courant = $sth->fetch()) {
    echo '<div class="panel panel-default inline" big=".$courant->big.">
            <div class=panel-body>
              <a class="box" href="something"><img src="some other thing"/>
              </a>
            </div>
          </div>';
}

The big attribute in the main div is either 0 or 1. How can I show/hide div blocks that have big=0 on a checkbox toggle with JavaScript/jQuery? I know there's a hide() function but I think it only works on classes and ids.

Answer 1

您可以使用属性选择器 ：

$('[big="0"]').hide();