小编pee*_*lba的帖子

使用jQuery从<select>输入过滤表

我正在尝试<select>使用jQuery 从字母输入中过滤表格.

我在表的两列中有名字和姓氏,我想用其中任何一个过滤行.

我有一个选择输入设置如下:

<select>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    ...
</select>
Run Code Online (Sandbox Code Playgroud)

我想过滤这个表格:

<tr>
    <td>Joe</td>
    <td>Schmoe</td>
    <td>$2482.79</td>
    <td>172.78.200.124</td>
    <td>http://gmail.com</td>
</tr>
<tr>
    <td>John</td>
    <td>Doe</td>
    <td>$2776.09</td>
    <td>119.232.182.142</td>
    <td>http://www.example.com</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

我如何使用jQuery过滤表?

jquery select html-table

5
推荐指数
1
解决办法
1万
查看次数

消除jQuery脚本中的冗余代码

我已经设置了一个页面,通过AJAX加载数据,利用jQuery .load函数.

通过单击选项卡栏上的链接加载每个新文件后,我使用jQuery将选定选项卡的颜色设置为黄色.我尝试使用一个.toggleClass函数将一个li元素的类设置为活动状态,这样它就会变黄,但没有骰子,所以我每次都要求重置CSS.

如何消除冗余代码或彻底检查脚本?

无论如何,这是jQuery脚本.欢迎任何帮助!

$(document).ready(function () {
    $('a#catalog').click(function() {
        $("#nav ul li a").css("color","white");
        $(this).css("color","yellow");
        $("#content").load("files/catalog.html");   
    });
    $('a#request').click(function() {
        $("#nav ul li a").css("color","white");
        $(this).css("color","yellow");      
        $("#content").load("files/request.html");
    });
    $('a#publisher').click(function() {
        $("#nav ul li a").css("color","white");
        $(this).css("color","yellow");
        $("#content").load("files/publisher.html");
      });
    $('a#incoming').click(function() {
        $("#nav ul li a").css("color","white");
        $(this).css("color","yellow");
        $("#content").load("files/incoming.html");
    });
    $('a#finished').click(function() {
        $("#nav ul li a").css("color","white");
        $(this).css("color","yellow");
        $("#content").load("files/finished.html");
    });
    $('a#shipments').click(function() {
        $("#nav ul li a").css("color","white");
        $(this).css("color","yellow");
        $("#content").load("files/shipments.html");
    });
});
Run Code Online (Sandbox Code Playgroud)

和导航栏:

<div class="bar" id="nav">
            <ul class="left">
                <li><a href="#" id="request">Request Search</a></li>
                <li><a href="#" …
Run Code Online (Sandbox Code Playgroud)

javascript css ajax jquery

3
推荐指数
1
解决办法
393
查看次数

:使用Rails 3和jQuery UJS时,Rails中的确认选项被忽略

我在我的Rails应用程序中有一个项目表,每个都有一个删除链接,如下所示:

<%= link_to "Delete", project, :confirm => "Are you sure?", :method => :delete %>

但是,即使用户单击对话框上的"取消",也会发送删除请求.

有想法该怎么解决这个吗?我正在使用Rails 3,Beta 3,jQuery库和附带的jQuery UJS库.

javascript ruby-on-rails

3
推荐指数
1
解决办法
1602
查看次数

标签 统计

javascript ×2

jquery ×2

ajax ×1

css ×1

html-table ×1

ruby-on-rails ×1

select ×1