2016-10-17 2 views
0

私はテーブルのレコードをjqueryで表示/非表示のオプションにフィルタリングするために使用しています。ブートストラップhide/showを使用したテーブルフィルタ?

$("tbody tr[data-ediction!='"+ed+"']").hide(); 
$("tbody tr[data-ediction='"+ed+"']").show(); 

<tr>には、データエディションとその値を追加します。

お願いします。

+1

複数の属性を意味しましたか?もしそうなら、あなたは 'tr [data-ediction!= '" + ed + "'] [data-yourcustomattribute1 = '" + customValue + "'] [data-etc = '" + customEtc +' "]' – KiiroSora09

+1

[jQueryの複数の属性に一致する可能性のある重複](http://stackoverflow.com/questions/155977/jquery-match-multiple-attributes) – Mohammad

+0

あなたがあなたのために働く場合は答えとしてマークする必要があります。新しいトピックに完全に質問し、この編集は明確ではありません。 – ALOK

答えて

1
<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
var ed=1; 

    $("tr[data-ediction='"+ed+"'][color='red']").hide(); 
$("tr[data-ediction='2']").show(); 
}); 

</script> 
</head> 
<body> 
<table style="width:100%"> 
    <tr> 
    <th>Firstname</th> 
    <th>Lastname</th> 
    <th>Age</th> 
    </tr> 
    <tr data-ediction='1'> 
    <td>Jill-show</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr data-ediction='1'> 
    <td>Eve--show</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
    <tr color='red' data-ediction='1'> 
    <td>Jill--hide</td> 
    <td>Smith</td> 
    <td>50</td> 
    </tr> 
    <tr data-ediction='2'> 
    <td>Eve--show</td> 
    <td>Jackson</td> 
    <td>94</td> 
    </tr> 
</table> 
</body> 
</html> 
関連する問題