根据使用jquery

指数（ABC d ....）过滤数据我有这样根据使用jquery

ABCDE小型要求....

当我点击甲

表数据将只显示名称以A开头的像苹果斧蚂蚁

（不要说筛选数据库）我该怎么让行它具有名称以仅

开始感谢ü

来源

2011-11-07 Sudhakar Reddy Medagam

请提供一些代码，然后任何一个人都可以回答这个问题 –

你可以使用filter -

$("table tr").filter(function() { 
    return $(this).text().substring(0, 1).toLowerCase() != 'a'; 
}).hide();

这只会工作，如果“名称”列在表格中的第一列。如果你想寻找一个特定列在表中，你可以做这样的事情 -

$("table tr").filter(function() { 
    return $(this).children('td').eq(0).text().substring(0, 1).toLowerCase() != 'a'; 
}).hide();

eq(0)可以改变在您选择的列点。

演示 - http://jsfiddle.net/XHg5v/

来源

2011-11-07 08:01:06 ipr101

是的，它填满我的需求 –

工作实例

<script type="text/javascript" src="jquery.min.js"></script> 
<body> 
    <ul id=hd> 
    <li>a</li> 
    <li>all</li> 
    <li>b</li> 
    </ul> 
    <ul id=content> 
<li >apple</li> 
<li >bre</li> 
<li >bbb</li> 
<li >ape</li> 
<li >aman</li> 
<li >bcd</li> 
</ul> 
<script type="text/javascript"> 
<!-- 
$('#hd>li').click(function(){ 
    var key = $(this).text(); 
    if(key == 'all') { 
     $('#content>li').show(); 
     return; 
    } 
    $('#content>li').hide(); 
    $('#content>li:content(^' + key +')').show() 
}) 

$.extend($.expr[':'], { 
    'content': function(elem, i, attr){  
    return(RegExp(attr[3]).test($(elem).text())); 
    } 
}); 

//--> 
</script> 
</body>

使用jQuery text attribute selector。假设所有数据都以li显示。

来源

2011-11-07 08:03:23 hungryMind

看到这个http://echarp.org/filterTable

它采用了文本框到FILTER的表的内容

您可以手动调用它上平变化事件的触发事件TEXTBOX致电ONCLICKA。

http://www.vonloesch.de/node/23 这显示了使用FILTER

来源

2011-11-07 08:04:29

$('span').click(function(){ 

var letter = $(this).html(); 

$('tr').each(function(){ 

var val = $('this').children('td').val(); 

var first_letter = val.split('')[0]; 

if(first_letter == letter){ 

    $('this').hide(); 

} 
else{ 

    $('this').show(); 
} 
});

的细节假设A，B，C，d是在跨度

<span>A</span>

和一个表行有一个TD

来源

2011-11-07 08:07:22

根据使用jquery

回答

相关问题