jquery - 使用 eq() 和 for() 循环隐藏特定元素？

Question

如果前面的输入框的值相同，例如，我尝试隐藏输入框

City     Id    Name

NY        1     James
NY        2     John
TOKYO     3     Jane
TOKYO     4     June

我想隐藏第二个 NY 和第二个 TOKYO(注意:仅城市，ID 和名称应保留)。

我正在使用下面的 jQuery 脚本:

<script>

$(function(){

var tr_no = $('.city').length;

for(i=1; i<=tr_no; i++)  {

    if($(".city:eq("+i+")").val() == $(".city:eq("+i+++")").val()){

        $(".city:eq("+i+1+")").css({'display':'none'});

        }

    }


});

</script>

它不工作。 Firebug 控制台不返回任何错误。任何有关如何在 jQuery 上继续此操作的帮助将不胜感激。

Answer 1

类似这样的内容应该用空格替换重复的城市名称:http://jsfiddle.net/S2UNH/7/

var prev = "";  // cache previous value
$('#data').find("td.city").each(function() {
    var val = $(this).text().trim();
    if (val == prev) { // same value, blank it
        $(this).text(" ");
    } else {           // new value, store it
        prev = val; 
    }
});

这与迄今为止发布的其他一些方法有何不同:

• 无需提前了解城市的列表
• 只要前面有不同的城市，城市名称就可以重新出现在列表的下方。例如，参见http://jsfiddle.net/S2UNH/8/ 。如果纽约的所有后一个条目都被隐藏，无论它出现在哪里，那么观看者可能会将其误认为是东京条目。

如果您确实想要隐藏重复值而不是替换它们，那么您需要将文本放置在另一个元素中，因为隐藏 <td>标签会扰乱您的布局。

有多种方法可以实现这一目标；这是一种方法:http://jsfiddle.net/S2UNH/9/