Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial 表格的增加,删除,和全选。_html/css_WEB-ITnose

表格的增加,删除,和全选。_html/css_WEB-ITnose

Jun 21, 2016 am 08:47 AM

<script></script>

<script> <br /> $(function(){ <br /> //全选 <br /> <br /> //删除数据 <br /> $(".del").click(function(){ <br /> $("tr").remove(); <br /> }); <br /> //新添数据 <br /> $(".newone").click(function(){ <br /> //创建一个新的节点 <br /> var $newPro=$("<tr bgcolor='#FAF3E9'><td><input type='checkbox'/><td>刘家义<td>男<td>6565654315321321<td>钻石<td>15575938043<td>1997-4-26 <td>100000<td><img class='add' src='images/add.jpg' / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" > <img class='del' src='images/del.jpg' / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >") <br /> <br /> $("table").append($newPro); <br /> }); <br /> }); <br /> <br /></script>





  
    
    
    
    
    
    
    
    
    
  
  
    
    
    
    
    
    
    
    
    
  
  
    
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
    
    
  
姓名 性别 卡号 会员级别 电话号码 出生年月日 消费金额  
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00
     表格的增加,删除,和全选。_html/css_WEB-ITnose
        表格的增加,删除,和全选。_html/css_WEB-ITnose
    
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00
     表格的增加,删除,和全选。_html/css_WEB-ITnose
        表格的增加,删除,和全选。_html/css_WEB-ITnose
    
张三 6565654315321321 短工 18625455412 1995-12-09 10,000.00
     表格的增加,删除,和全选。_html/css_WEB-ITnose
        表格的增加,删除,和全选。_html/css_WEB-ITnose
    

新增

大神们帮帮忙吧!
怎么样1.当选中一行时,点击删除才删除。
            2.当我选中姓名前面的复选框时,则选中全部的复选框。
            3.为什么当我用  var $newPro=$("tr.ll").html();添加时,一直会向左边添加。    


回复讨论(解决方案)

<style type="text/css" >*{font-size:12px;}tr{text-align:center;height:40px;}</style><script type="text/javascript"> $(function(){         //全选 $("#allselect").click(function(){ $("table :checkbox").prop("checked",$(this).prop("checked")); });  //删除数据 $("table").on("click",".del",function(){ $("table :checkbox:checked").closest("tr").remove(); }); //新添数据 $(".newone").click(function(){ //创建一个新的节点 var $newPro=$("<tr  bgcolor='#FAF3E9'><td><input type='checkbox'/></td><td>刘家义</td><td>男</td><td>6565654315321321</td><td>钻石</td><td>15575938043</td><td>1997-4-26</td> <td>100000</td><td><img   class='add' src='images/add.jpg' / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" > <img  class='del' src='images/del.jpg' / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" ></td></tr>")  $("table").append($newPro); }); });</script></head><body><table width="800" border="0" cellspacing="0" cellpadding="0">  <tr bgcolor="#EBE7DC">    <td><input id="allselect" type="checkbox"/></td>    <td>姓名</td>    <td>性别</td>    <td>卡号</td>    <td>会员级别</td>    <td>电话号码</td>    <td>出生年月日</td>    <td>消费金额</td>    <td> </td>  </tr>  <tr bgcolor="#FAF3E9">    <td><input   type="checkbox"/></td>    <td>张三</td>    <td>男</td>    <td>6565654315321321</td>    <td>短工</td>    <td>18625455412</td>    <td>1995-12-09</td>    <td>10,000.00</td>    <td>    	<img  class="add lazy"  src="/static/imghw/default1.png"  data-src="images/add.jpg"     / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >        <img  class="del lazy"  src="/static/imghw/default1.png"  data-src="images/del.jpg"    / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >    </td>  </tr>  <tr class="ll" bgcolor="#FEFAF7">    <td><input  type="checkbox"/></td>    <td>张三</td>    <td>男</td>    <td>6565654315321321</td>    <td>短工</td>    <td>18625455412</td>    <td>1995-12-09</td>    <td>10,000.00</td>    <td>    	<img  class="add lazy"  src="/static/imghw/default1.png"  data-src="images/add.jpg"     / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >        <img  class="del lazy"  src="/static/imghw/default1.png"  data-src="images/del.jpg"    / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >    </td>  </tr>    <tr bgcolor="#FAF3E9">    <td><input  type="checkbox"/></td>    <td>张三</td>    <td>男</td>    <td>6565654315321321</td>    <td>短工</td>    <td>18625455412</td>    <td>1995-12-09</td>    <td>10,000.00</td>    <td>    	<img  class="add lazy"  src="/static/imghw/default1.png"  data-src="images/add.jpg"     / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >        <img  class="del lazy"  src="/static/imghw/default1.png"  data-src="images/del.jpg"    / alt="表格的增加,删除,和全选。_html/css_WEB-ITnose" >    </td>  </tr></table><a href="#" class='newone'>新增</a>
Nach dem Login kopieren

请问,哪个添加只能这么写吗?不可以直接提取本身表格的数据吗?

请问,哪个添加只能这么写吗?不可以直接提取本身表格的数据吗?


添加功能你想怎么做?

就是用var $newPro=$("tr.ll").html();
直接去获取已经存在的表格信息,但是这样获取,他会一直向左浮动。

就是用var $newPro=$("tr.ll").html();
直接去获取已经存在的表格信息,但是这样获取,他会一直向左浮动。


var $newPro=""+$("tr.ll").html()+"";

删除不应该把第一段也删了吧

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Kann der inetpub-Ordner gelöscht werden? So löschen Sie schnell den Ordner „inetpub' auf dem Laufwerk C Kann der inetpub-Ordner gelöscht werden? So löschen Sie schnell den Ordner „inetpub' auf dem Laufwerk C Mar 13, 2024 pm 02:00 PM

Es wurde festgestellt, dass sich auf dem Laufwerk C des Computers ein Inetpub-Ordner befindet, der viel Speicher beansprucht. Was ist dieser Inetpub-Ordner? Kann es direkt gelöscht werden? Tatsächlich ist inetpub ein Ordner auf dem IIS-Server, der zum Erstellen und Debuggen von Websites verwendet werden kann. Die konkrete Methode ist wie folgt: 1. Klicken Sie mit der rechten Maustaste auf das Startmenü und wählen Sie „Programme und Funktionen“. 2. Klicken Sie nach dem Öffnen auf „Windows-Funktionen aktivieren oder deaktivieren“. 3. Deaktivieren Sie in der Windows-Funktionsliste II

So löschen Sie Xiaohongshu-Notizen So löschen Sie Xiaohongshu-Notizen Mar 21, 2024 pm 08:12 PM

Wie lösche ich Xiaohongshu-Notizen? Die meisten Benutzer wissen nicht, wie man Xiaohongshu-Notizen löscht. Als nächstes bringt der Editor den Benutzern Bilder und Texte zum Löschen von Xiaohongshu-Notizen ein Blick! Tutorial zur Verwendung von Xiaohongshu So löschen Sie Xiaohongshu-Notizen 1. Öffnen Sie zunächst die Xiaohongshu-App und rufen Sie die Hauptseite auf. Wählen Sie in der unteren rechten Ecke [Ich] aus, um den speziellen Bereich aufzurufen. 2. Klicken Sie dann im Bereich „Mein“ auf die Notizseite als Wählen Sie wie unten gezeigt die Notiz aus, die Sie löschen möchten. 3. Rufen Sie die Notizseite auf und klicken Sie auf [drei Punkte] in der oberen rechten Ecke. 4. Schließlich wird die Funktionsleiste unten erweitert. Klicken Sie zum Abschluss auf [Löschen].

Stimmt es, dass Sie auf WeChat blockiert und gelöscht werden können und dauerhaft nicht hinzugefügt werden können? Stimmt es, dass Sie auf WeChat blockiert und gelöscht werden können und dauerhaft nicht hinzugefügt werden können? Apr 08, 2024 am 11:41 AM

1. Zunächst einmal ist es falsch, jemanden dauerhaft zu blockieren und zu löschen und ihn nicht dauerhaft hinzuzufügen. Wenn Sie die andere Partei hinzufügen möchten, nachdem Sie sie blockiert und gelöscht haben, benötigen Sie lediglich die Zustimmung der anderen Partei. 2. Wenn ein Benutzer jemanden blockiert, kann die andere Partei keine Nachrichten an den Benutzer senden, den Freundeskreis des Benutzers anzeigen oder mit dem Benutzer telefonieren. 3. Das Blockieren bedeutet nicht, dass die andere Partei aus der WeChat-Kontaktliste des Benutzers gelöscht wird. 4. Wenn der Benutzer den anderen Teilnehmer aus der WeChat-Kontaktliste des Benutzers löscht, nachdem er ihn blockiert hat, gibt es nach dem Löschen keine Möglichkeit, ihn wiederherzustellen. 5. Wenn der Benutzer die andere Partei erneut als Freund hinzufügen möchte, muss die andere Partei zustimmen und den Benutzer erneut hinzufügen.

Welcher Ordner wird gefunden.000? Kann der Ordner „found.000' gelöscht werden? Welcher Ordner wird gefunden.000? Kann der Ordner „found.000' gelöscht werden? Mar 13, 2024 pm 08:52 PM

Bei der täglichen Nutzung des Computers erhalten Sie möglicherweise die Fehlermeldung, dass die Datei „found.000“ verloren gegangen und beschädigt ist. In welchem ​​Ordner befindet sich diese Datei „found.000“? Kann es gelöscht werden, wenn es nicht mehr nützlich ist? Da so viele Leute diese Datei nicht kennen, möchte ich Ihnen den Ordner „found.000“ im Detail erläutern. 1. Was ist der Ordner „found.000“, den Sie finden können, wenn der Computer aufgrund eines illegalen Herunterfahrens teilweise oder vollständig verloren geht? den speziellen Ordner mit dem Namen „found.000“ und die darin enthaltenen Dateien mit der Erweiterung „.chk“ im angegebenen Verzeichnis in der Systempartition. Dieses „fo

Wie lösche ich Xiaohongshu-Veröffentlichungen? Wie kann ich nach dem Löschen wiederherstellen? Wie lösche ich Xiaohongshu-Veröffentlichungen? Wie kann ich nach dem Löschen wiederherstellen? Mar 21, 2024 pm 05:10 PM

Als beliebte soziale E-Commerce-Plattform hat Xiaohongshu eine große Anzahl von Nutzern angezogen, die ihr tägliches Leben und ihre Einkaufserlebnisse teilen. Manchmal veröffentlichen wir versehentlich unangemessene Inhalte, die rechtzeitig gelöscht werden müssen, um unser persönliches Image besser zu wahren oder die Plattformvorschriften einzuhalten. 1. Wie lösche ich Xiaohongshu-Veröffentlichungen? 1. Melden Sie sich bei Ihrem Xiaohongshu-Konto an und geben Sie Ihre persönliche Homepage ein. 2. Suchen Sie unten auf der persönlichen Homepage die Option „Meine Kreationen“ und klicken Sie zur Eingabe. 3. Auf der Seite „Meine Kreationen“ können Sie alle veröffentlichten Inhalte sehen, einschließlich Notizen, Videos usw. 4. Suchen Sie den Inhalt, der gelöscht werden muss, und klicken Sie rechts auf die Schaltfläche „…“. 5. Wählen Sie im Popup-Menü die Option „Löschen“. 6. Nach Bestätigung des Löschvorgangs verschwinden die Inhalte von Ihrer persönlichen Homepage und öffentlichen Seite.

Wie kann ich den gelöschten Kommentar einer anderen Person zu Xiaohongshu wiederherstellen? Wird es angezeigt, wenn der Kommentar einer anderen Person gelöscht wird? Wie kann ich den gelöschten Kommentar einer anderen Person zu Xiaohongshu wiederherstellen? Wird es angezeigt, wenn der Kommentar einer anderen Person gelöscht wird? Mar 21, 2024 pm 10:46 PM

Xiaohongshu ist eine beliebte Social-E-Commerce-Plattform und interaktive Kommentare zwischen Benutzern sind eine unverzichtbare Kommunikationsmethode auf der Plattform. Gelegentlich stellen wir möglicherweise fest, dass unsere Kommentare von anderen gelöscht wurden, was verwirrend sein kann. 1. Wie kann ich die gelöschten Kommentare einer anderen Person zu Xiaohongshu wiederherstellen? Wenn Sie feststellen, dass Ihre Kommentare gelöscht wurden, können Sie zunächst versuchen, direkt nach relevanten Beiträgen oder Produkten auf der Plattform zu suchen, um zu sehen, ob Sie den Kommentar noch finden können. Wenn der Kommentar nach dem Löschen immer noch angezeigt wird, wurde er möglicherweise vom ursprünglichen Beitragseigentümer gelöscht. Sie können jetzt versuchen, den ursprünglichen Beitragseigentümer zu kontaktieren, um ihn nach dem Grund für das Löschen des Kommentars zu fragen und die Wiederherstellung des Kommentars zu beantragen. Wenn ein Kommentar vollständig gelöscht wurde und nicht im ursprünglichen Beitrag gefunden werden kann, sind die Chancen, dass er wieder auf der Plattform eingestellt wird, relativ gering. Sie können andere Wege ausprobieren

So löschen Sie den TikTok-Chatverlauf vollständig So löschen Sie den TikTok-Chatverlauf vollständig May 07, 2024 am 11:14 AM

1. Öffnen Sie die Douyin-App, klicken Sie unten in der Benutzeroberfläche auf [Nachricht] und dann auf den Chat-Konversationseintrag, der gelöscht werden muss. 2. Drücken Sie lange auf einen beliebigen Chat-Datensatz, klicken Sie auf [Mehrfachauswahl] und markieren Sie die Chat-Datensätze, die Sie löschen möchten. 3. Klicken Sie auf die Schaltfläche [Löschen] in der unteren rechten Ecke und wählen Sie im Popup-Fenster [Löschen bestätigen] aus, um diese Datensätze dauerhaft zu löschen.

Was ist die Datei hiberfil.sys? Kann hiberfil.sys gelöscht werden? Was ist die Datei hiberfil.sys? Kann hiberfil.sys gelöscht werden? Mar 15, 2024 am 09:49 AM

Vor kurzem haben viele Internetnutzer den Herausgeber gefragt: Was ist die Datei hiberfil.sys? Kann hiberfil.sys viel Speicherplatz auf Laufwerk C beanspruchen und gelöscht werden? Der Editor kann Ihnen mitteilen, dass die Datei hiberfil.sys gelöscht werden kann. Werfen wir einen Blick auf die Details unten. hiberfil.sys ist eine versteckte Datei im Windows-System und auch eine System-Ruhezustandsdatei. Es wird normalerweise im Stammverzeichnis des Laufwerks C gespeichert und seine Größe entspricht der Größe des installierten Speichers des Systems. Diese Datei wird verwendet, wenn sich der Computer im Ruhezustand befindet, und enthält die Speicherdaten des aktuellen Systems, damit dieser bei der Wiederherstellung schnell wieder in den vorherigen Zustand versetzt werden kann. Da seine Größe der Speicherkapazität entspricht, nimmt er möglicherweise mehr Festplattenspeicher ein. hiber

See all articles