html tr 隐藏 jquery,jquery怎么隐藏整个table

博客讨论了在jQuery中隐藏和显示表格元素时遇到的问题。开发者尝试通过类选择器隐藏具有特定类名的table,但遇到了困难。解决方案包括正确使用类选择器、为table添加ID以及优化的选择器语法。讨论还涉及了jQuery选择器的正确用法和CSS类的组合。
摘要由CSDN通过智能技术生成

jquery如何隐藏整个table

table无法隐藏,为么?是因为不可以隐藏整个table吗?

jsp如下:

.....

js如下:

function changeEdtid() {

if($("#type").val()=="MESSAGE") {

alert($(" .k-widget k-editor k-header"));

$(".k-widget k-editor k-header").hide();

$("#megContent").show();

} else {

$(".k-widget k-editor k-header").show();

$("#megContent").hide();

}

}

------解决方案--------------------

貌似你还没搞懂jquery选择器啊

$(".k-widget k-editor k-header")

这个是不对的

应该是

$(".k-widget.k-editor.k-header")

------解决方案--------------------

整的这么纠结,为Table加一个ID,然后$("#ID").hide()就可以了。

------解决方案--------------------

if($("#type").val()==="MESSAGE") {

------解决方案--------------------

加个id不就得了!

------解决方案--------------------

$("table[class='^k-widget']").hide();

------解决方案--------------------

a

MESSAGE

I am Table,If you chacked "MESSAGE" , I will hide!!

$('#type').change(function(){

if($(this).val()=="MESSAGE") {

console.log($("table.k-widget"));

//alert($(" .k-widget k-editor k-header"));

$("table.k-widget").hide();

$("#megContent").show();

} else {

$("table.k-widget").show();

$("#megContent").hide();

}

});

------解决方案--------------------

引用:Quote: 引用:

a

MESSAGE

I am Table,If you chacked "MESSAGE" , I will hide!!

$('#type').change(function(){

if($(this).val()=="MESSAGE") {

console.log($("table.k-widget"));

//alert($(" .k-widget k-editor k-header"));

$("table.k-widget").hide();

$("#megContent").show();

} else {

$("table.k-widget").show();

$("#megContent").hide();

}

});

谢谢回复,我已用其他方法解决了,但是还是想请教下,为何这样写不就可以console.log($("table-widget k-editor k-header"));table的class不是k-widget k-editor k-header吗

这明明就是三个class

------解决方案--------------------

引用:Quote: 引用:

a

MESSAGE

I am Table,If you chacked "MESSAGE" , I will hide!!

$('#type').change(function(){

if($(this).val()=="MESSAGE") {

console.log($("table.k-widget"));

//alert($(" .k-widget k-editor k-header"));

$("table.k-widget").hide();

$("#megContent").show();

} else {

$("table.k-widget").show();

$("#megContent").hide();

}

});

谢谢回复,我已用其他方法解决了,但是还是想请教下,为何这样写不就可以console.log($("table-widget k-editor k-header"));table的class不是k-widget k-editor k-header吗

你css中的class是怎么定义的?

单一class名中是不能有空格和

这样写是指table元素同时应用k-widget, k-editor和 k-header这三个class

要找同时应用k-widget, k-editor和 k-header这三个class的元素

当然是$(".k-widget.k-editor.k-header")

你这样

$(".k-widget k-editor k-header");

等于要找

你要找我吗?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值