2016-06-21 2 views
0
<div id="parent_${id}"></div> 

var tableHead = "<table id='ftTableID'><thead><th class='th4'>First Name</th><th class='th5'>Last Name</th><th>Action</th></thead>")}"+""; 

$('#parent_itemId').prepend(tableHead); 
$('#ftTableID').append("</table>"); 

Danach Anhängen der neuen tr zum div:können wir den booleschen Wert (wahr oder falsch) erhalten, ob der gelöschte tr zuletzt oder nicht innerhalb des div war?

var $newElem = $("<tr>").html(elem).attr({'id': id + num1, 'no': num1}); 

// creates the "Remove" button 
var $removeButton = $('<input type="button" class="deleteButton" value="Delete" /></tr>').appendTo($newElem); 

$removeButton.attr({ 
    id: 'remove_' + id, 
    value: removeBtnLabel ? removeBtnLabel : 'Remove', 
    disabled: 'disabled' 
}); 

// binds handler to the 'click' JS event of the "Remove" button 
$removeButton.click(function() { 
    removeItem(id, num1, min); 
}); 

Anfügen der tr an die div:

$('#parent_' + id).append($newElem); 

Erste tr wird in der oben div id mit ADD angehängt werden und ABBRECHEN Taste daneben . Während wir Schaltfläche ADD klicken, wird neben tr mit ADD hinzugefügt und Knopf daneben CANCEL. HINZUFÜGEN button wird von der ersten tr auslassen nur CANCEL button in der ersten tr und so weiter. Jetzt, wenn ich die CANCEL Taste drücke muss ich bekommen, ob die gelöschte Zeile (tr) war die letzte Zeile oder nicht?

Jetzt, wenn die removeItem() Funktion aufgerufen wird, möchte ich herausfinden, ob tr zuletzt tr ist oder nicht?

+0

'$ ('tr: letzte')' versuchen, diese der Selektor ': last' oder Methode' .last() ' – guradio

+0

Hat jeder' tr' eine eigene Cancel-Taste, die den 'tr' löscht? – wmash

+0

ja jeder tr hat seinen eigenen Cancel-Button, der den jeweiligen tr @ wmash löscht –

Antwort

0

ist hier die HTML nach dynamisch zwei Zeilen hinzufügen:

<div id="parent_${id}"> 
    <table> 
      <tr> 
       <td> 
        <input type="button" value="Cancel" id="CancelBtn1" /> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="button" value="Add2" /> 
       </td> 
       <td> 
        <input type="button" value="Cancel" id="CancelBtn2"/> 
       </td> 
      </tr> 
    </table> 
</div> 

Sie den Code unten verwenden können, auf die Schaltfläche klicken Abbrechen:

if($(this).closest("tr").next().is("tr")) 
{ 

//it is not the last row 
} 
else 
{ 
//it is the last row 
} 
+0

ich angehängt die tr in der div nicht in der Tabelle .. nicht funktioniert .. THANKS für Ihre Zeit sowieso. –

+0

Das Hinzufügen von tr ohne Tabelle ist nicht die korrekte HTML-Syntax. Gibt es einen bestimmten Grund dafür? – AshishJindal

+0

Ich versuche eine dynamische horizontale Form zu erstellen. In diesem Fall, wenn ich eine Tabelle hinzufüge, wird der Tabellenkopf auch im nächsten tr hinzugefügt. so habe ich den tisch kopf verlassen den körper leer und appendend in der div.and ich habe die tr separat angehängt. –

Verwandte Themen