重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
首先在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=‘';
}
}
我这边可以的,功能正常,是不是你是把代码放在了html之前且没放在 $(document).ready(function(){
代码
})里面
$('#h').click(function(){//点击隐藏,建议把td的id换成class,这样不管几个td几个tr都能用
if($('#td1').text()==""){
$('#td1').parent('tr').hide()
}
});
显示
$('#s').click(function(){
$('tr').show()
});
代码性能不好,可以自己去完善
如下代码可以实现:
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" /
可以循环判断并隐藏
$(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
}
});
});