javascript - JQuery 中的 $(this) 问题

标签 javascript jquery

大家好,我有以下内容:

$(".views").click(function() {
    $(this).(".views").show();

});

$(".closeviews").click(function () {
    $(this).(".closeviews").hide();

});

这将根据他们想要查看的 View 列表打开一个列表,出于某种原因,它告诉我未捕获的语法错误:意外的标记(

一旦我删除了(this)。它就会消失,所以我有点困惑为什么它告诉我这一点。

编辑:

我改成这样:

$(".views").click(function() {
    $(this).find(".views").show()

});

$(".closeviews").click(function () {
    $(this).find(".closeviews").hide()

});

什么也不做,如果我转到上面的 View 列表,它会打开这个和那个。

日期:

HTML:

我试图用上面的脚本打开的 -

<input type='button' value='View Your Employees' class='views' name='views' /> 
<input type='button' value='Close' class='closeviews' name='closeviews' />

我点击这个上面的那个,打开上面加上这个:

脚本:

$(".notempl").click(function () {
    $(".notempltable").show();

});

$(".closenotempl").click(function () {
    $(".notempltable").hide();

});

HTML:

<input type='button' value='View Employees' class='notempl' name='notempl' /> 
<input type='button' value='Close' class='closenotempl' name='closenotempl' />

更新:

大家好,感谢大家的帮助,已经解决了。我实际上告诉了错误的显示和隐藏内容。每个列表都由 PDO 语句和表格填充,因此我需要显示表格、隐藏表格而不是按钮。

谢谢大家:)

最佳答案

应该是

$(this).hide();
$(this).show();

如果删除 $(this) 那么它将隐藏并显示该类的所有元素。如果您单击其中任何一个,那么所有这些都将被隐藏。我不相信你想要这样。

关于javascript - JQuery 中的 $(this) 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14392419/

相关文章:

带有下拉列表以显示div的Javascript

jquery - 3 个备用 li 的独立样式

javascript - Flick IMG src 属性来模拟眨眼

javascript - 即使我没有显式使用 React,为什么也需要 import React 语句?

javascript - 使用 Sinon 在 javascript 中 stub Redis 交互

javascript - 表单域中只允许数字或小数点

jquery - 字段取决于另一个字段在调查表中的答案

javascript - 如何在鼠标移动时显示页眉/页脚

javascript - jquery默认禁用复选框

javascript - 在使用 Mocha 和 Babel 进行测试时处理 WebPack CSS 导入