Question

jQuery 获取<td>标签内容，判断后，隐藏<tr>标签。

html中有很多表单，当点击按钮hide，判断<td id="td1">里面有没有内容，如果没有，就隐藏<tr id="tr1">标签。当点击按钮show，把隐藏的内容显示出来。
---------------------------------------------------------------------------
<button id="h">hide</button>
<button id="s">show</button>
<table>
<tr id="tr1">
<td> </td>
<td> </td>
<td> </td>
<td > </td>
<td id="td1"></td>
</tr>
<tr id="tr2">
<td> </td>
<td> </td>
<td> </td>
<td > </td>
<td id="td2">2</td>
</tr>
</table>

Answer 1

$('#h'）.click(function(){//点击隐藏，建议把td的id换成class，这样不管几个td几个tr都能用
if($('#td1').text()==""){
$('#td1').parent('tr').hide()
}

});
显示
$('#s'）.click(function(){

$('tr').show()

});
代码性能不好，可以自己去完善

追问

按钮没有作用了，直接就显示最终结果了。

追答

我这个是用jquery写的，目测你没引jquery

Answer 2

$(document).ready(function(){
    $("#h").click(function(){
        var td1Content=$("#td1").html();
        if(td1Content.length==0){
           $("#tr1").hide(); 
        }
    });
    $("#s").click(function(){
        $("#tr1").show(); 
    });
    
});

追问

这样在的话，按钮就没有作用了。