Wählen Sie das übergeordnete Element in eckig

Question

Ich möchte übergeordnete (searchres) in eckigen wählen und Stil bekommen, aber ich kann es nicht tun! Mein HTML ist dies:

<div ng-repeat="product in products" class="searchres"> 
     <a href="#"> 
       <img src="{{product.path}}" class="img-thumbnail" alt="{{product.name)}}" /> 
       {{product.name}}        
     </a> 
    </div> 

Und mein Code ist dies:

$.each($scope.products, function(index, value) { 
     var namePro = value.name; 
     if (namePro.length <= 32) { 
      $("body").find(".searchres").css("line-height","50px!important");// is wrong !  
      value.parentNode.css("line-height","50px!important"); // is wrong !  
     } 
}); 

was soll ich für dieses Problem zu tun?

Answer 1

In diesem Beispiel ist kein JavaScript-Code erforderlich. Sie können die Anweisung ng-class verwenden, um unter bestimmten Bedingungen eine Klasse an Ihr div anzuhängen.

<div ng-repeat="product in products" class="searchres" ng-class="product.name.length <= 32 ? 'your-class-name' : ''"> 
    <a href="#"> 
      <img src="{{product.path}}" class="img-thumbnail" alt="{{product.name)}}" /> 
      {{product.name}}        
    </a> 
</div>