Question

我有一个记录集的数据库输出到这样的表中：

Response.Write "<TR class=data>"
For i = 0 to rs.Fields.Count
if i < 4 then
    if i = 0 or i = 1 or i = 2 then
        response.Write "<td align=center>" & rs.Fields(i) & "</td>"
    else
        response.Write "<td align=center class="&rs.Fields(i)&"><div id=thisone>" & rs.Fields(i) & "</div></td>"
    end if
end if
Next
Response.write "</TR>"

正如您所看到的，我已经设置了一个等于行中第4项的类名（在本例中是用户名）。我想做的是，如果最终用户点击该行中的任何位置，则使用相同的用户名隐藏所有行。

到目前为止，我所拥有的是：

    <script>
var username;

$(document).ready(function(){

    $("TR.data").click(function () { 
       username = $(this).find('td:last').text();
       alert(username);

       $(this).each(function(object){
           if($(this).find('td:last').text() == username){
               object.hide();
           }
       });
    });   
});
</script>

我能够正确存储用户名，但是当我尝试遍历表以查找具有该用户名的其他行时，我似乎无法隐藏它们。我想也许我需要使用parent（）方法，但我尝试过的所有方法都失败了。

感谢任何帮助。感谢。

Answer 1

试试这个：

$("TR.data").click(function () { 
   var username = $(this).find('td:last').text();

   $("TR.data:contains('"+username+"')").hide();

});

Answer 2

试试这个：

 $('.yourclass').css('display', 'none');

这将找到具有给定类名的所有元素，并对每个元素应用display：none样式。

jquery根据类隐藏多行

2 个答案: