jQuery has() 没有按预期工作

Question

也许我理解错了，但这 has() 在这种情况下不应该工作吗？我做错了什么？

  $("#count").on("click", function(){
    $(".item").each(function( index, element ){
      $(element).text( index + 1 );

      /*** this line does nothing ****/
      $(element).has(".special").css("background", "black");

      if( index + 1  == 4  || index + 1  == 8 ){
         $(this).css("background", "#A5C663");
      }
    })
  })

HTML：

<div id="grid">
    <div class="item"></div>
    <div class="item special"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item special"></div>
    <div class="item"></div>
  </div>

这也不起作用：

$(this).has(".special").css("background", "black"); 

或者：

$(".item).has(".special").css("background", "black"); 

Answer 1

将has 替换为is。

• is是关于这组元素的
• has是关于后代的