将ul的li文本与master ul进行比较并将它与li进行比较并将类应用于不同的li

时间:2012-01-02 22:09:15

标签: jquery css

我一直在讨论这个问题已经有一段时间了,无法找到解决办法。

首先我希望能够在Jquery中做到这一点......

我要做的是将每个ul的第一个li与第一个ul进行比较以找出任何差异,并将样式应用于具有不同文本/字符串的每个li。然后按照每个ul的顺序,第二个li,第三个li对li的其余部分执行相同的操作。

我没有类的标记(我不想使用类来选择使用jquery)

<ul>
    <li>red</li>
    <li>blue</li>
    <li>green</li>
    <li>yellow</li>
    <li>black</li>
</ul>

<ul>
    <li>red</li>
    <li>blue</li>
    <li>red</li>       <----this one
    <li>yellow</li>
    <li>black</li>
</ul>

<ul>
    <li>green</li>     <----this one
    <li>blue</li>
    <li>green</li>
    <li>yellow</li>
    <li>black</li>
</ul>

在ul号中,我希望第三个li添加一个类,因为它与ul号1相比具有不同的字符串。

如果没有为每个li添加一个类,这可能吗?

1 个答案:

答案 0 :(得分:0)

这也是一种替代解决方案。我只是抓住第一个ul并将其视为主人,尽管如果你愿意,你可以按类或id识别主人。然后我将所有其他人与主人进行比较,并为那些不匹配的课程添加一个课程,这样你就可以根据自己的喜好设计这些课程。

http://jsfiddle.net/ZpFrr/