Question

我有一个用SQL生成两个列表的页面。我将使用示例信息和设置：

第一个列表是来自孟菲斯的所有记录，因此它会提取名称，工具类型，年份和颜色。

Jeremy，土星，2001，黑色苏，别克，1996，绿色 John，Dodge，2006，Red

第二个列表是不是来自孟菲斯的所有记录。再次使用相同的字段。

Bobby，Mercury，1999，Blue
Mike，Mustang，1974，White
Robby，Prius，2009，Silver

我想让用户匹配每个单独列表中的一个集合。例如，我想点击Sue（在第一个列表中）和Bobby（在第二个列表中）。对于每次点击，我希望它隐藏/ that / list的其余部分，并捕获标识符值。

因此，如果您单击Sue，该列表中的其他行将消失，jquery将捕获Sue的值。

代码：

<li class2=\"$IDnumber\" class=\"items\">$name, $type, $year, $color</li></br>

$('li').click(function() {
           $(this).siblings(".items").hide(); 

           var charID = $(this).attr('class2');
            alert(page);

        });

以上代码有效 - sortof。它使用“item”类隐藏列表中的相应项，并捕获我的IDnumber值。但我无法弄清楚如何用第二个列表做同样的事情（但是分开）。这里的诀窍是什么？

Answer 1

为第一个列表元素添加一个额外的类，为第二个列表元素添加一个不同的类（实际上不需要将类添加到第二个）。单击一个元素时，标识该类并隐藏该类的元素。

也许这就是你想要做的事：http://jsfiddle.net/geko/YtBNz/5/这是两个不同的类。

http://jsfiddle.net/geko/YtBNz/7/这只是一个额外的课程。

甚至更简单的解决方案：http://jsfiddle.net/geko/YtBNz/12/只是基于.parent（）隐藏列表.hide（）

Answer 2

听起来你没有正确地分开你的名单。你的HTML是这样的：

<!-- first list (this is just a comment) -->
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

<!-- second list (this is just a comment) -->
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

在两个独立的数据部分上使用jquery

2 个答案: