| Autor | Zpráva | ||
|---|---|---|---|
| bob99 Profil |
#1 · Zasláno: 8. 7. 2011, 09:16:23
Dobrý den,
potřeboval bych upravit kousek kódu tak aby class "removeButton" odebral pouze aktuální řádek místo odebrání posledního. Díky
<script type="text/javascript" src="../css/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var counter = 2;
$(".addButton").live("click", function () {
if(counter>5){
alert("Only 5 textboxes allow");
return false;
}
var newTextBoxDiv = $(document.createElement('div'))
.attr("id", 'TextBoxDiv' + counter);
newTextBoxDiv.html('<TABLE><TR><TD>' +
'<input type="text" name="textbox' + counter +
'" id="textbox' + counter + '" value="" ></TD><TD><input type="text" name="textbox' + counter +
'" id="textbox' + counter + '" value="" ></TD> <TD><a href="#" value="addButton" class="addButton">Add</a> <a href="#" value="removeButton" class="removeButton">Remove</a></TD></TR></TABLE>');
newTextBoxDiv.appendTo("#TextBoxesGroup");
counter++;
});
$(".removeButton").live("click", function () {
counter--;
$("#TextBoxDiv" + counter).remove();
});
});
</script>
<div id="TextBoxesGroup">
<div id="TextBoxDiv1">
<input id="textbox1" type="textbox">
<input name="textbox' + counter + '" id="textbox' + counter + '" value="" type="text">
<a href="#" value="addButton" class="addButton">Add</a>
<a href="#" value="removeButton" class="removeButton">Remove</a>
</div>
</div>
|
||
| Str4wberry Profil |
#2 · Zasláno: 8. 7. 2011, 10:03:58
Pokud sjednotíš zadaný HTML kód s HTML kódem, který generuje JavaScript, můžeš jednoduše odebrat ten
<div> jakožto rodiče odkazu:
$(this).parent().parent().parent().remove(); Viz ukázka. Nebylo by od věci neumožnit smazat poslední řádek. |
||
| bob99 Profil |
#3 · Zasláno: 8. 7. 2011, 10:22:22
Str4wberry:
Takhle by to celkem fungovalo, akorát k té vaší ukázce by to chtělo upravit: $(this).parent().parent().parent().parent().parent().remove(); .. zůstaval tam část kódu s tagy DIV a TABLE ale stejně díky |
||
|
Časová prodleva: 14 let
|
|||
0