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://ybzwz.com/article/dsdishg.html