: n 번째 자식이 jquery에서 작동하지 않습니다.

Question

각 다섯 번째 div 후에 <br clear="all" />을 삽입하려고합니다. 아래는 PHP에서 div를 생성 한 다음 jquery를 사용하여 div를 분리하는 방법입니다. 하지만 작동하지 않습니다! 어떤 도움이라도 대단히 감사하겠습니다! 미리 감사드립니다!

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

당신의 "카"를 ... 필요가 없습니다.

또한 왜 PHP에서는하지 않습니까? 그냥 카운터를 추가하십시오 :

$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

클래스 선택과 n 번째 자녀 사이의 공간을 넣어 :

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

Answer 3

문제는 그것이 다수을 찾고 있음 -0.5 th 자식의 .productCat 때문에 th 여분의 공간. 편집 : 사실 n을 남겨 두었 기 때문에 .productCat의 다섯 번째 자식 만 찾고 있습니다.

게다가, 무슨 문제 :이 CSS 전용 솔루션이 훨씬 더 효율적입니다

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

.

Answer 4

왜 PHP로하지 않으십니까? 당신이 jQuery를 사용하는 경우, 자바 스크립트없이 사람들은 .productCat 뒤에 공백이있을 예정되지

<?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; 
    } 
} 
?>