Heim > Artikel > Web-Frontend > jQuery fügt Liniensegmente in Abständen einer bestimmten Anzahl von Elementen hinzu
Dieses Mal bringe ich Ihnen jQuery zum Hinzufügen eines Liniensegments zu einer bestimmten Anzahl von Elementen Was ist hier zu beachten? Ein praktischer Fall.
Der Screenshot des Laufeffekts lautet wie folgt: Der spezifische Code lautet wie folgt:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery每隔10条加一条线</title> <script language="JavaScript" src="jquery-1.7.2.min.js"></script> <script language="JavaScript" type="text/JavaScript"> $(document).ready(function(){ $(".list2 li:nth-child(10n)").after('<li style="margin:10px 0px;border-bottom:1px dashed #ccc;"></li>'); }); </script> </head> <body> <style> li{ list-style-type: none;} </style> <ul class="list2"> <li>001</li> <li>002</li> <li>003</li> <li>004</li> <li>005</li> <li>006</li> <li>007</li> <li>008</li> <li>009</li> <li>010</li> <li>011</li> <li>012</li> <li>013</li> <li>014</li> <li>015</li> <li>016</li> <li>017</li> <li>018</li> <li>019</li> <li>020</li> <li>021</li> <li>022</li> <li>023</li> <li>024</li> <li>025</li> <li>026</li> <li>027</li> <li>028</li> <li>029</li> <li>030</li> <li>031</li> <li>032</li> </ul> </body> </html>Ich glaube dir Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Weitere spannende Inhalte finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:
Wie können Elemente in jquery angehängt werden?
So implementieren Sie die Paging-Funktion mit jquery+ Ajax
Das obige ist der detaillierte Inhalt vonjQuery fügt Liniensegmente in Abständen einer bestimmten Anzahl von Elementen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!