: nth Kind funktioniert nicht in jquery

Question

Ich versuche, eine <br clear="all" /> nach jeder fünften div einfügen. Unten ist, wie ich die Divs in PHP erstellen und dann versuche ich, jQuery zu verwenden, um sie zu trennen. Aber es funktioniert nicht! Jede Hilfe würde sehr geschätzt werden! Danke im Voraus!

PHP:

$get = mysql_query("SELECT * FROM Products $cate ") or die(mysql_error()); 
    while($row= mysql_fetch_array($get)){ 
     $pname = $row['Pname']; 
     $image = $row['Pimage']; 
     $id = $row['ID']; 
     ?> 
    <div class="productCat"><a href="product.php?id=<?php echo $id ?>"><img src="../products/<?php echo $image ?>" width="100" height="100" /><br /><?php echo $pname ?></a></div> 

     <?php 
     } 
    ?> 

JQUERY:

$(".productCat :nth-child(5)").append("<br clear='all'/>"); 

Answer 1

Es nicht soll ein Raum nach .productCat sein.

Warum auch nicht einfach im PHP? Fügen Sie einfach einen Zähler hinzu:

$count=0; 
while($row= mysql_fetch_array($get)){ 
    $count++; 
    $pname = $row['Pname']; 
    $image = $row['Pimage']; 
    $id = $row['ID']; 
    ?> 
<div class="productCat"><a href="product.php?id=<?php echo $id ?>"><img src="../products/<?php echo $image ?>" width="100" height="100" /><br /><?php echo $pname ?></a></div> 

    <?php 
    if($count%5==0) 
     echo "<br clear='all'/>"; 
    } 
?> 

Answer 2

den Raum löschte zwischen Klassenauswahl und n-te-Kind:

$(".productCat:nth-child(5)").append(""); 

Answer 3

Das Problem ist, dass es sieht für das Mehrfach -of-five-th Kinder von .productCat, wegen th Der zusätzliche Platz. EDIT: Eigentlich ist es nur auf der Suche nach dem 5. Kind von .productCat, weil Sie die n rausgelassen haben.

Außerdem, was ist los mit:

/* CSS: */ 
.productCat:nth-child(5n+1) {clear: left;} 

Diese CSS-only Lösung wesentlich effizienter ist.

Answer 4

Warum nicht in PHP? Wenn Sie jQuery verwenden, werden die Menschen ohne Javascript nicht haben Ihre „br“ ...

<?php 
$get = mysql_query('SELECT * FROM Products '.$cate) or die(mysql_error()); 
$i=0; 
while($row = mysql_fetch_array($get)){ 
    $i++: 
    ?> 
    <div class="productCat"><a href="product.php?id=<?php echo $row['ID']; ?>"><img src="../products/<?php echo $row['Pimage']; ?>" width="100" height="100" /><br /><?php echo $row['Pname']; ?></a></div> 
    <?php 
    if($i == 5){ 
     echo '<br clear="all" />'; 
     $i=0; 
    } 
} 
?>