javascript - jQuery 选择和 slideToggle()

标签 javascript jquery

我有这样的 html :

<div id=1 class=header onclick="hideit(this.id)">Header1
<div class=content>Some content
</div>
</div>

我的代码中使用了很多这种结构,如果有人点击标题,我不想切换第二个 div(内容)。

我写了这个函数但是它不起作用,谁能告诉我为什么?

<script language="javascript">
    function hideit(hID)
    {
      var searcher = "div[id="+hID+"] .content";
      $(searcher).slideToggle();
    }
</script>

最佳答案

由于您使用的是 jQuery,因此实际上没有必要调用内联函数。您可以使用这个简单的事件处理程序完成您想要做的事情:

$(".header").click(function() {
    $(this).find(".content").slideToggle();
});

此外,元素 ID 不应以数字开头。

关于javascript - jQuery 选择和 slideToggle(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6387452/

相关文章:

点击后Javascript延迟,设置超时不起作用

javascript - 防止跳回到屏幕顶部 jQuery animate

javascript - 将数组值传递给另一个数组

javascript - SQL 多个多对多自引用关联 (Sequelize.js)

javascript - 创建时重新获取 Backbone 集合

javascript - 网络包 : Uncaught ReferenceError: require is not defined

javascript - Knockout unwrap observable 无法按预期工作

javascript - 正确将 JSON 加载到 HTML 表的问题

javascript - 未捕获的 SyntaxError : Unexpected token < in JSON at position 0 : at JSON. 解析 (<anonymous>) 在 Object.<anonymous>

javascript - 首次使用后禁用 .click 事件