javascript - 当条件匹配时使用 Jquery 定位多个元素

Question

我有这个 html，其中“5”重复两次。

<ul>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>5</li>
</ul>

因此，我在“LI”元素上使用 click()。

    var guess1 = "";
    var guess2 = "";
    var count = 0;

    $("li").click(function(){
        if ( count < 2 ){
             count++;
            if (count === 1 ) { 
                guess1 = $(this).text(); 
            } else{
                guess2 = $(this).text();
                    if (guess1 === guess2) {
                    $(this).css("background", "red"); // Here both matching "LI" should affect. Not only one "LI"
                }
            }      
        }
    });

问题:我希望当“guess1”===“guess2”时，两个匹配的“LI”(在本例中LI包含值“5”)应该采用背景颜色。

请提出任何建议。谢谢:)

Answer 1

将第一个元素保存在变量中。

var guess1 = "";
var guess2 = "";
var count = 0;
var li1 = null;

$("li").click(function() {
  if (count < 2) {
    count++;
    if (count === 1) {
      guess1 = $(this).text();
      li1 = $(this);
    } else {
      guess2 = $(this).text();
      if (guess1 === guess2) {
        li1.css("background", "red");
        $(this).css("background", "red");
      }
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>5</li>
  <li>6</li>
  <li>7</li>
  <li>5</li>
</ul>