重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery让tr隐藏,html隐藏tr

求助jquery select触发 隐藏

首先在select上加上onchange事件

创新互联公司是一家专业提供城关企业网站建设,专注与成都做网站、成都网站制作、H5开发、小程序制作等业务。10年已为城关众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

onchange="hideTR(this);"

然后定义hideTR函数

function hideTR(s){

var v = s.value;

if(v=='t1'||v=='t2'||t=='t3'){

document.getElementById('tr的ID').style.display='none';

}else{

document.getElementById('tr的ID').style.display=‘';

}

}

jquery 怎样隐藏某些不符合条件的tr

我这边可以的,功能正常,是不是你是把代码放在了html之前且没放在 $(document).ready(function(){

代码

})里面

jQuery 获取标签内容,判断后,隐藏标签。

$('#h').click(function(){//点击隐藏,建议把td的id换成class,这样不管几个td几个tr都能用

if($('#td1').text()==""){

$('#td1').parent('tr').hide()

}

});

显示

$('#s').click(function(){

$('tr').show()

});

代码性能不好,可以自己去完善

js 或者jq 如何把tr隐藏

如下代码可以实现:

script src="jquery-1.9.1.min.js"/script

script

$(document).ready(function(){

var ids = "1"; //要隐藏的id的前半部分

$("#table1 tr").each(function(){

if($(this).attr("id").length  0){

if($(this).attr("id").split("-")[0] == ids)

$(this).hide();

}

});

});

/script

table id="table1"

tr id="1-11B"td1-11B/td/tr

tr id="2-23B"td2-23B/td/tr

tr id="1-12B"td1-12B/td/tr

tr id="2-26B"td2-26B/td/tr

trtd无ID/td/tr

/table

补充:

如果是input的话:

script src="jquery-1.9.1.min.js"/script

script

$(document).ready(function(){

var ids = "2"; //要改值的id的前半部分

$("input[type='text']").each(function(){

if($(this).attr("id").length  0){

if($(this).attr("id").split("-")[0] == ids)

$(this).val("0");

}

});

});

/script

input type="text" id="1-11B" value="1-11B" /

input type="text" id="2-12B" value="2-12B" /

input type="text" id="1-16B" value="1-16B" /

input type="text" id="2-18B" value="2-18B" /

jquery实现当前元素到下个相同元素之间的tr隐藏 , 求大神支招...

可以循环判断并隐藏

$(function(){

$("table tr.aaa").click(function() {

var obj = $(this).next();

while(obj.attr("class")!="aaa"){

obj.hide();

if(obj.next().length)

obj = obj.next();

else

break

}

});

});


本文标题:jquery让tr隐藏,html隐藏tr
转载来源:http://cqcxhl.com/article/dsdishg.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP