每个具有两个类的div，如果此div有子级，则添加css

Question

I do not understand where I'm wrong ....

<div class="gsc-webResult gsc-result">Ciao</div>
<div class="gsc-webResult gsc-result">
    <td class="gsc-table-cell-thumbnail gsc-thumbnail">Ciao2</td>
</div>


$(".gsc-webResult .gsc-result").each(function () {
   if ($(this).children('td').not('.gsc-table-cell-thumbnail gsc-thumbnail')) {

     $(this).css('margin-left', '60px');
   }
 });

I want to add the ' margin-left ' to div that has tag td with those classes ( .gsc-table-cell-thumbnail gsc-thumbnail ) as a children

link jsfiddle: http://jsfiddle.net/s0b75ekw/

thanks

Answer 1

Quiet messed up code

<div class="gsc-webResult gsc-result">Ciao</div>
<div class="gsc-webResult gsc-result">
    <span class="gsc-table-cell-thumbnail gsc-thumbnail">Ciao2</span>
</div>

JS

$(".gsc-webResult.gsc-result").each(function () {
//               ^ Remove the space from here Otherwise it will be nested classes 

   // Calculate the number of child this element has with tag td and specified classes.
   if ($(this).find('span.gsc-table-cell-thumbnail.gsc-thumbnail').length>0)    
   {
     $(this).css('margin-left', '60px');
   }
});