jQueryは意図したとおりに動作していません

Question

多分私はそれが間違っていると理解していますが、これはこの状況では機能しないはずですか？私は間違って何をしていますか？

$("#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のこのセットは、私は理解して子孫