jquery - jqueryで2つのulリスト項目を比較していますか?

Question

jquery を介して 2 つの ul listitem を比較する (クラスを介して比較する) 方法は?

Answer 1

この男のようなもの: http://jsfiddle.net/AzZHy/

マスターリストを作成して比較し、

これがあなたが望むものでない場合は、反対票を投じないでください。

jqueryコード

var master = [];

// Identify the master values.
$('ul').first().find('li').each(function(index,value) {
    master.push($(this).text());
});

$('ul:not(:first)').each(function(ulIndex) {
    $(this).find('li').each(function(index) {
        if(master[index] != $(this).text()) {
            $(this).addClass('mismatch');        
        }  
    });
});​

html

<ul>
    <li>hulk</li>
    <li>ironman</li>
    <li>bazinga</li>
    <li>thor</li>
    <li>rambo</li>
</ul>
<br />
<ul>
    <li>hulk</li>
    <li>ironman</li>
    <li>Zooyork</li>
    <li>thor</li>
    <li>rambo</li>
</ul>
<br/>

​

Answer 2

var list1 = $(...), list2 = $(...);

長さを比較するには、とを使用list1.lengthしlist2.lengthます。
要素のテキストを比較するための最も簡単な方法は、それらを配列に格納することです。

var texts1 = list1.children('li').map(function() { return $(this).text() }).get();
var texts2 = list2.children('li').map(function() { return $(this).text() }).get();