2016-07-20 2 views
1

Ich möchte überprüfen, ob eine Tabelle eine doppelte Spalte in Zeilen enthält. Wenn eine Tabelle vorhanden ist, wird eine Warnung angezeigt, ohne dass eine Datenbank hinzugefügt wird. Dann möchte ich doppelte Daten aus der Tabelle entfernen. Wie kann ich das machen? Ich warte auf deine Hilfe!Wie überprüft man, ob eine Tabelle doppelte Spalten in js enthält?

Dies ist meine Tabelle dupliziert Klasse A:

enter image description here

Dies ist meine Tabelle HTML-Code.

<table id="tblSeatInfo"> 
       <thead> 
        <tr> 
         <td> 
          Class 
         </td> 
         <td> 
          Given Seat 
         </td> 
         <td> 
          Adult Buying Price 
         </td> 
         <td> 
          Adult Selling Price 
         </td> 
         <td> 
          Child Buying Price 
         </td> 
         <td> 
          Child Selling Price 
         </td> 
         <td> 
          Infant Buying Price 
         </td> 
         <td> 
          Infant Selling Price 
         </td> 
        </tr> 
       </thead> 
       <tbody> 
        <tr class="tr-notremove"> 
         <td> 
          <input class="form-control" type="text" name="class" /> 
         </td> 
         <td> 
          <input class="form-control seat" type="text" name="givenseat" /> 
         </td> 
         <td> 
          <input class="form-control decimal" type="text" name="adultbuyingprice" /> 
         </td> 
         <td> 
          <input class="form-control decimal" type="text" name="adultprice" /> 
         </td> 
         <td> 
          <input class="form-control decimal" type="text" name="childbuyingprice" /> 
         </td> 
         <td> 
          <input class="form-control decimal" type="text" name="childprice" /> 
         </td> 
         <td> 
          <input class="form-control decimal" type="text" name="infantbuyingprice" /> 
         </td> 
         <td> 
          <input class="form-control decimal" type="text" name="infantprice" /> 
         </td> 
         <td> 
          <div class="btn-group"> 
           <button type="button" class="btn btn-md btn-success btn-addnewseat">Add</button> 
           <button type="button" class="btn btn-md btn-warning btn-removenewseat">Remove</button> 
          </div> 
         </td> 
        </tr> 
       </tbody> 
      </table> 

Antwort

2

Probieren Sie etwas wie dieses

$('[name="class"]').on('input',function(){ 
    var value = $(this).val(); 
    $('[name="class"]').not(this).each(function(){ 
    if($(this).val() == value) { 
     alert('duplicate content'); 
    } 
    }) 
}); 

Demo: https://jsfiddle.net/r3oq636w/1/

+1

danke für die Aufmerksamkeit, das funktioniert sehr gut !. – frtgbs07

Verwandte Themen