Ziel mehrere Elemente mit Jquery, wenn Bedingung übereinstimmt

Question

Ich habe diese HTML, wo "5" zweimal wiederholt.

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

Also verwende ich click() auf "LI" Elemente.

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" 
       } 
      }  
     } 
    }); 

Problem: Ich möchte, dass, wenn "guess1" === "guess2", dann beide matching "LI" (In diesem Fall LI enthält Wert "5") bg Farbe nehmen sollte.

Bitte geben Sie einen Vorschlag. Danke :)

Answer 1

Speichern Sie das erste Element in einer Variablen.

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>

Answer 2

versuchen, jede Funktion:

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

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

      }  
     } 
    }); 

ist dies eine Geige:

https://jsfiddle.net/nannizeta/mvw8zzcf/4/