Jquery 添加/删除单击时单独 div 的类

Question

 #bottomToolbar #facet-container #tb-facets .info-toolbar #rv-active {
position:relative;
 }

 .tb-1-5 {
display:none;
}


 <div id="bottomToolbar">
    <div id="facet-container">
<ul id="tb-facets">
    <li class="info-toolbar">
    <a id="info-tb-1">Recently Viewed</a>
    <div id="rv-active" class="tb-1-5">Hello World</div></li>
    <li class="info-toolbar">Favorites</li>
    <li class="info-toolbar">Wish List</li>
</ul>
</div>
   </div>


$('#info-tb-1').bind('click', function() {
        $('#rv-active').removeClass('tb-1-5');
    });

我想做的是当我点击“a”元素时显示一个 div。我需要更改它以删除显示：无；

谢谢

Answer 1

您是否尝试过使用 .show() ？

$('#info-tb-1').click(function()
{
    $('#rv-active').show();
});

---

学习深入研究 jQuery API 文档。他们会回答您 99% 的问题。

Answer 2

如果你想显示一些东西，请使用 show();

$('#info-tb-1').bind('click', function() {
        $('#rv-active').removeClass('tb-1-5').show();
    });

如果使用 display:none 隐藏某些内容，则使用 show() 显示隐藏元素

Answer 3

您可以使用 $(elem).hide() 和 $(elem).show() 添加/删除“display:none;”

还有一个 .toggle() 函数，其中包含您要执行的操作的示例： http://api.jquery.com/toggle/

Answer 4

您可以使用 document.getElementById('rv-active').style.display="block"; 或 $('#rv-active').css("display" ,"block"); 并直接设置 #rv-active 样式，而不是像这样使用所有其他 div：

#bottomToolbar #facet-container #tb-facets .info-toolbar {
  position:relative;
}

 #rv-active {
  position:relative;
  display:none;
}

getElementById 可能不是一个理想的工具，但它很有用，尤其是对于事物像这样。

有关 getElementById 的更多信息此处，以及有关 .css() 方法的更多信息此处。

Answer 5

您发布的代码应该可以工作（尽管很多人已经注意到，使用 jQuery 的 show 函数比删除该类更容易）。

但是，我认为您的问题在于您的代码在文档完全加载之前运行，因此引用的元素不存在。

试试这个：

$(document).ready(function() {
    $('#info-tb-1').bind('click', function() {
        $('#rv-active').show();
    });
});