动态生成的table表单，如果里面tr,td有内容就显示，没有就隐藏表格怎么做

<table>
    <tr>
       <td>
           <input type="text" id="name">
       </td>
    </tr>
    </table>
这是手动生成的table，就像这样，如果td的input有内容就显示，没有就隐藏

3 个解决方案

#1

if($("td input").val()=="" &&$("td input").val()==""undefind){
$(this).parent().hide();
}

#2

思想：
选择器选出来后做循环。根据条件判断是隐藏还是显示，就可以了。

下面是效果图：
动态生成的table表单，如果里面tr,td有内容就显示，没有就隐藏表格怎么做

下面是代码：

<html>

<head>

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<table>

    <tr>

       <td><input type="text" id="name1" value="z1"/></td>

       <td><input type="text" id="name2" /></td>

       <td><input type="text" id="name3" value="z3" /></td>

    </tr>

    <tr>

       <td><input type="text" id="name4" /></td>

       <td><input type="text" id="name5"  value="z5"/></td>

       <td><input type="text" id="name6" /></td>

    </tr>

</table>

 

<script>


$("td input").each(function(){

if($(this).attr("value")==""||$(this).attr("value")==undefined)

   $(this).parent().hide();

})


</script>

</body>

</html>

#3

引用 2 楼 u012536120 的回复:

下面是代码：

<html>

<head>

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<table>

    <tr>

       <td><input type="text" id="name1" value="z1"/></td>

       <td><input type="text" id="name2" /></td>

       <td><input type="text" id="name3" value="z3" /></td>

    </tr>

    <tr>

       <td><input type="text" id="name4" /></td>

       <td><input type="text" id="name5"  value="z5"/></td>

       <td><input type="text" id="name6" /></td>

    </tr>

</table>

 

<script>


$("td input").each(function(){

if($(this).attr("value")==""||$(this).attr("value")==undefined)

   $(this).parent().hide();

})


</script>

</body>

</html>

引用 2 楼 u012536120 的回复:

下面是代码：

<html>

<head>

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<table>

    <tr>

       <td><input type="text" id="name1" value="z1"/></td>

       <td><input type="text" id="name2" /></td>

       <td><input type="text" id="name3" value="z3" /></td>

    </tr>

    <tr>

       <td><input type="text" id="name4" /></td>

       <td><input type="text" id="name5"  value="z5"/></td>

       <td><input type="text" id="name6" /></td>

    </tr>

</table>

 

<script>


$("td input").each(function(){

if($(this).attr("value")==""||$(this).attr("value")==undefined)

   $(this).parent().hide();

})


</script>

</body>

</html>

嗯，好的谢谢

#1

if($("td input").val()=="" &&$("td input").val()==""undefind){
$(this).parent().hide();
}

#2

下面是代码：

<html>

<head>

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<table>

    <tr>

       <td><input type="text" id="name1" value="z1"/></td>

       <td><input type="text" id="name2" /></td>

       <td><input type="text" id="name3" value="z3" /></td>

    </tr>

    <tr>

       <td><input type="text" id="name4" /></td>

       <td><input type="text" id="name5"  value="z5"/></td>

       <td><input type="text" id="name6" /></td>

    </tr>

</table>

 

<script>


$("td input").each(function(){

if($(this).attr("value")==""||$(this).attr("value")==undefined)

   $(this).parent().hide();

})


</script>

</body>

</html>

#3

引用 2 楼 u012536120 的回复:

下面是代码：

<html>

<head>

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<table>

    <tr>

       <td><input type="text" id="name1" value="z1"/></td>

       <td><input type="text" id="name2" /></td>

       <td><input type="text" id="name3" value="z3" /></td>

    </tr>

    <tr>

       <td><input type="text" id="name4" /></td>

       <td><input type="text" id="name5"  value="z5"/></td>

       <td><input type="text" id="name6" /></td>

    </tr>

</table>

 

<script>


$("td input").each(function(){

if($(this).attr("value")==""||$(this).attr("value")==undefined)

   $(this).parent().hide();

})


</script>

</body>

</html>

引用 2 楼 u012536120 的回复:

下面是代码：

<html>

<head>

<script src="jquery-3.1.1.min.js"></script>

</head>

<body>

<table>

    <tr>

       <td><input type="text" id="name1" value="z1"/></td>

       <td><input type="text" id="name2" /></td>

       <td><input type="text" id="name3" value="z3" /></td>

    </tr>

    <tr>

       <td><input type="text" id="name4" /></td>

       <td><input type="text" id="name5"  value="z5"/></td>

       <td><input type="text" id="name6" /></td>

    </tr>

</table>

 

<script>


$("td input").each(function(){

if($(this).attr("value")==""||$(this).attr("value")==undefined)

   $(this).parent().hide();

})


</script>

</body>

</html>

嗯，好的谢谢

秒客网

动态生成的table表单，如果里面tr,td有内容就显示，没有就隐藏表格怎么做

3 个解决方案

#1

#2

#3

#1

#2

#3

相关文章