jQueryでHTML要素にeachをかける

Question

以下のようなHTMLのコードがあります。answerboxの中にselectedが含まれているとこの問題は選択済みという処理をしたいです。

        <div class="dom">

          <div class="questionbox">

            <div class="questiondiv">
              <p id="" div="question">Q. I've ____ studying English for 7 years.</p>
            </div>

            <div class="answerbox">
              <span class="answer selected">1.have</span>
              <span class="result worng">...WRONG</span>
            </div>

            <div class="answerbox">
              <span class="answer">2.had</span>
              <span class="result worng">...WRONG</span>
            </div>

            <div class="answerbox">
              <span class="answer">3.been</span>
              <span class="result correct">...CORRECT</span>
            </div>

            <div class="answerbox">
              <span class="answer">4.done</span>
              <span class="result worng">...WRONG</span>
            </div>

          </div>

        </div>

その判定として以下のfunctionを作成しました。

function checkClick(){
    $('.answerbox').each(function(index, value) {
      if ($(value).find('.aaaa')) {
        console.log('Has been selected');
      } else {
        console.log('Not yet');
      }
    })
  }

if ($(value).find('.aaaa'))の所には本来selectedが入るべきですがこれでもtrueとなりHas been selectedが表示されてしまいます。どの記述が間違えていますでしょうか。何をしてもtrueになります。

以下を試しましたが、selectedを挿入後もNot yet になります。

  function checkClick() {
    $('.answerbox').each(function(value) {
      if ($(value).find('.selected').size()) {
        console.log('Has been selected');
      } else {
        console.log('Not yet');
      }
    })
  }

  function checkClick() {
    $('.answerbox').each(function(value) {
      if ($(value).find('.selected').length) {
        console.log('Has been selected');
      } else {
        console.log('Not yet');
      }
    })
  }

  function checkClick() {
    $('.answerbox').each(function(value) {
      if ($(value).find('.selected'[0]) {
        console.log('Has been selected');
      } else {
        console.log('Not yet');
      }
    })
  }

Answer 1

変更前

  function checkClick() {
    $('.answerbox').each(function(value) {
      if ($(value).find('.selected'[0]) {
        console.log('Has been selected');
      } else {
        console.log('Not yet');
      }
    })
  }

変更後(引数にindexを追加)

  function checkClick() {
    $('.answerbox').each(function(index,value) {
      if ($(value).find('.selected'[0]) {
        console.log('Has been selected');
      } else {
        console.log('Not yet');
      }
    })
  }

これで上手くいきました。[0]以外は試していませんが、おそらく上手くいくと思います。

Answer 2

$(value).find('.selected')は該当するものがない場合、空要素等を含むjqueryが用意したオブジェクトが返るため、true扱いとなりますので、
$(value).find('.selected')[0]とすると要素の有無がtrue,falseで返ります

Comments

[Chandler_Bing]

ありがとうございます。
function checkClick() {
$('.answerbox').each(function(value) {
if ($(value).find('.answer')[0]) {
console.log('Has been selected');
} else {
console.log('Not yet');
}
})
}

こうでしょうか。
このようにすると今度は全てNoy yetになります。