データの2つの別々のセクションでjqueryを使用する

Question

私はSQLから2つのリストを生成するページを持っています。例の情報とセットアップを使用します：

最初のリストはMemphisのすべてのレコードであるため、名前、カートタイプ、年、および色を取得します。

ジェレミー、土星、2001、ブラック
スー、ビュイック、1996年、グリーン
ジョン、ダッジ、2006年、レッド

第二のリストにはメンフィスからすべてのレコードではありません。やはり同じフィールドで。

ボビー、マーキュリー、1999、ブルー
マイク、マスタング、1974年、ホワイト
ロビー、プリウス、2009、シルバー

私はそれぞれ別のリストからユーザーの一致1セットをできるようにしたいです。たとえば、最初のリストのSueと2番目のリストの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の値を取得します。しかし、私は2番目のリストと同じ（しかし、別々の）方法を理解することはできません。ここのトリックは何ですか？

Answer 1

最初のリスト要素に余分なクラスを追加し、2番目のリスト要素に別のクラスを追加します（実際にはクラスを2番目に追加する必要はありません）。 要素がクリックされると、そのクラスが識別され、そのクラスの要素が非表示になります。

多分これはあなたがしたいことです：http://jsfiddle.net/geko/YtBNz/5/これは2つの異なるクラスです。

http://jsfiddle.net/geko/YtBNz/7/これはちょっとしたクラスです。

そしてさらに簡単ソリューション：http://jsfiddle.net/geko/YtBNz/12/だけ）（.parentに基づいてリストを隠す（非表示）

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>