Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery隐藏在其内部追加了表的div标记_Jquery_Hide_Show - Fatal编程技术网

jquery隐藏在其内部追加了表的div标记

jquery隐藏在其内部追加了表的div标记,jquery,hide,show,Jquery,Hide,Show,比如说 <div id="hideThis"> <button>trigger</button> <div>some content</div <table> some code... </table> </div> <div id="showThis" class="hidden"> </div> jQuery有一个隐藏和显示HTML元素的快捷方法 $('butto

比如说

<div id="hideThis">
 <button>trigger</button>
 <div>some content</div
 <table>
  some code...
 </table>
</div> 
<div id="showThis" class="hidden">
</div>

jQuery有一个隐藏和显示HTML元素的快捷方法

$('button').click(function() {
     $("#hideThis").hide();
     $("#showThis").hide();
 });
试试这个:

$(“#hideThis”).hide()

$('#showThis').show()

这将隐藏隐藏该类并显示showthis类

这是小提琴


您的代码运行良好。您刚才缺少一个用于关闭
某些内容的关闭角括号

这是一个jsFiddle


你能创建一个JSFIDLE.net来解决这个问题吗?我错误地生成了这个表。这个表是在hideThis中生成的,显示这个div。这就是为什么这个表没有隐藏。谢谢你们的帮助
.hidden
是一个流行的类,人们使用它来代替jQuery中的
.hide()
?我想OP需要jQuery解决方案,并且是为。隐藏类的工作,它将需要一个没有张贴的样式审查。。。或者jQuery是否包含了我一直没有注意到的CSS罚款?!尝试将containing DIV CSS display属性设置为inline-block。是的,
.hidden
很流行,尤其是在引导中。然后可以执行类似于
addClass('hidden')
的操作来隐藏元素。我想隐藏第一个元素并显示第二个元素,但无法隐藏附加表。即使它在这个部门的藏身处。哈,这是一个很好的捕获!
$('button').click(function() {
     $("#hideThis").hide();
     $("#showThis").hide();
 });
$('button').click(function() {
 $("#hideThis").hide();
 $("#showThis").show();
});
$('button').click(function () {
    $("#hideThis").toggleClass('hidden');
    $("#showThis").toggleClass('hidden');
});