：第n個孩子不在jquery中工作

我想在每個五分之一後插入<br clear="all" />。下面是我如何在PHP中創建div，然後嘗試使用jquery來分離它們。但它不工作！任何幫助將不勝感激！提前致謝！：第n個孩子不在jquery中工作

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'/>");

來源

2012-03-26 liveandream

是不是明確的屬性棄用？ – j08691 2012-03-26 19:58:12

還有就是不應該是一個空間.productCat之後。

另外，爲什麼不只是在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'/>"; 
    } 
?>

來源

2012-03-26 19:54:57

非常感謝你！像魅力一樣工作！ – liveandream 2012-03-26 21:08:41

把空間淘汰類選擇和第n個孩子之間：

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

來源

2012-03-26 19:52:17

的問題是，它是尋找多的第五個兒童的.productCat，因爲th額外的空間。編輯：其實，它只是尋找.productCat的第五個孩子，因爲你離開了n。

此外，有什麼錯：

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

這隻CSS的解決方案是更爲有效。

來源

2012-03-26 19:52:51

爲什麼不用PHP來做呢？如果你使用jQuery，人無javascript不會有你的「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; 
    } 
} 
?>

來源

2012-03-26 19:53:14

：第n個孩子不在jquery中工作

回答

相關問題