Сравнение элементов внутри еще условия, если в Jquery

Question

Это мой первый раз просят здесь Stackoverflow,

Вот мой HTML код,

<div id="accordion" style="height: auto;"> 
 
    <h3>Question 1</h3> 
 
<div> 
 
    <div id="q1"> 
 
\t Sending messages from another user's email address is called what? 
 
    <ul> 
 
\t <li><button type="button" class="btn btn-secondary btn-sm optionbutton" data-optionId="option1">Spamming</button></li> 
 
\t <li><button type="button" class="btn btn-secondary btn-sm optionbutton" data-optionId="option2">Trolling</button></li> 
 
\t <li><button type="button" class="btn btn-secondary btn-sm optionbutton answer active clicked" data-optionId="option3">Spoofing</button></li> 
 
\t <li><button type="button" class="btn btn-secondary btn-sm optionbutton" data-optionId="option4">Pharming</button></li> 
 
\t </ul> 
 
\t </div> <!-- q1 --> 
 
    </div> 
 
<h3>Question 2</h3> 
 
<div> 
 
\t <div id="q2"> 
 
    How many zebibytes are in a yobibyte? 
 
    <ul> 
 
    <li><button type="button" class="btn btn-secondary btn-sm optionbutton answer" data-optionId="option1">1,024</button></li> 
 
    <li><button type="button" class="btn btn-secondary btn-sm optionbutton" data-optionId="option2">1,048,576</button></li> 
 
    <li><button type="button" class="btn btn-secondary btn-sm optionbutton" data-optionId="option3">1,000,000</button></li> 
 
    <li><button type="button" class="btn btn-secondary btn-sm optionbutton active clicked" data-optionId="option4">1,000,000,000</button></li> 
 
\t </ul> 
 
\t </div><!-- q2 --> 
 
    </div>

И вот мой Jquery Код

var q1input = 0; 
 
var q2input = 0; 
 
var q3input = 0; 
 
var q4input = 0; 
 
var q5input = 0; 
 
    var optionele1 = $("#q1").find("button.active.clicked"); 
 
\t var optionele2 = $("#q2").find("button.active.clicked"); 
 
\t var optionele3 = $("#q3").find("button.active.clicked"); 
 
\t var optionele4 = $("#q4").find("button.active.clicked"); 
 
\t var optionele5 = $("#q5").find("button.active.clicked"); 
 
\t var answerele1 = $("#q1").find("button.answer"); 
 
\t var answerele2 = $("#q2").find("button.answer"); 
 
\t var answerele3 = $("#q3").find("button.answer"); 
 
\t var answerele4 = $("#q4").find("button.answer"); 
 
\t var answerele5 = $("#q5").find("button.answer"); 
 
\t if(optionele1.is(answerele1) \t){ \t q1input = 100; \t }else{} 
 
\t if(optionele2.is(answerele2) \t){ \t q2input = 100; \t }else{} 
 
\t if(optionele3.is(answerele3) \t){ \t q3input = 100; \t }else{} 
 
\t if(optionele4.is(answerele4) \t){ \t q4input = 100; \t }else{} 
 
\t if(optionele5.is(answerele5) \t){ \t q5input = 100; \t }else{}

Вопрос в том, как сравнить два элемента в jquery? или какой-либо неправильный синтаксис в моем коде? Помоги пожалуйста. Я застрял здесь.

Answer 1

Вам нужно сравнить первые элементы в объектах jQuery друг с другом. Например:

if($('.sel1')[0] == $('.sel2')[0]) 

Так что ваш код должен выглядеть следующим образом (обратите внимание, что нет никакой необходимости в else блоке, либо):

if(optionele1[0] == answerele1[0]) { q1input = 100; } 
// etc.