jquery remove element

[musclebreast]

Hallo,

ich mache gerade meine ersten versuche mit jquery. ich habe eine tabelle und in jeder zeile ist ein input feld und ein remove button und add button. Drücke ich den add button wird eine neue Zeile mit einem Input Feld hinzugefügt. Dies funktioniert. Ich würde jetzt aber gerne beim remove button das letzte tr elemtn entfernen. Das funktioniert nicht.. versuche es schon eine stunde mit verschiedensten schreibweisen. hat jemand eine idee was mein denkfehler ist? muss man beim remove beachten, ob es children gibt oder nicht?

<script type='text/javascript' src='[LL_REPTAG_SUPPORTDIR /]Customization\jquery\jquery-1.7.2.min.js'></script>


<script>

var counter = 0;

function BrowseLivelinkDuplicate( formname, fieldprefix )
{

counter++;


$('#test').append('<tr><td><p class="text" >Name:&nbsp;</p></td><td><INPUT TITLE="" CLASS="valueEditable" TYPE="TEXT" NAME="ObjName'+counter+'" VALUE="" SIZE="70"></td><td><A HREF="javascript:BrowseLivelinkDuplicate(1,1)"><IMG SRC="/img/websbroker/add_row.gif" WIDTH="16" HEIGHT="16" ALT="Duplicate" BORDER="0"></A><A HREF="javascript:FullTextRemove(1,"")"><IMG SRC="/img/websbroker/delete_row.gif" WIDTH="16" HEIGHT="16" ALT="Remove" BORDER="0"></A></td></tr>');







}




function FullTextRemove( formname, fieldprefix )
{




$('#test:last-child').remove();







}


</script>








<form name="myForm" action="" >


<INPUT TYPE="hidden" NAME="func" VALUE="ll" TITLE="">
<INPUT TYPE="hidden" NAME="objId" VALUE="[LL_REPTAG_MYID /]" TITLE="">
<INPUT TYPE="hidden" NAME="objAction" VALUE="RunReport" TITLE="">






<Table>



<TR id="test">
<TD NOWRAP WIDTH="2%">

<p class="text" >Name:&nbsp;</p>
</TD>

<TD NOWRAP>



<INPUT TITLE="" CLASS="valueEditable" TYPE="TEXT" NAME="ObjName" VALUE="" SIZE="70">







</TD>

<TD ALIGN="RIGHT" NOWRAP>
<A HREF="javascript:BrowseLivelinkDuplicate( '1','')"><IMG SRC="websbroker/add_row.gif" WIDTH="16" HEIGHT="16" ALT="Duplicate" BORDER="0"></A>


<A HREF="javascript:FullTextRemove('1','')"><IMG SRC="/img/websbroker/delete_row.gif" WIDTH="16" HEIGHT="16" ALT="Remove" BORDER="0"></A>



</TD>

</TR>

<TR class="rowheight">
<TD colpan="10"></TD>
</TR>

lg

lara

 

[Tronjer]

Die Suche mit Google dauert nur 1s.:

.last() | jQuery API Documentation

 

[Sentence]

$("#test tr:last").remove();

sollte auch zum gewünschten führen.

MfG

 

[musclebreast]

Hallo, danke für eure antworten. Ich habe auch eure Synthax varianten schon probiert. Wenn man auf meinen Quellcode schaut müsste es funktionieren...tut es aber leider nicht. kann es daran liegen, dass ich meinem <TR> elemnt childs sind oder ist das dem remove befehl egal?
habt ihr noch andere Ideen für die Ursache?

Lg,

Lara

 

[Sentence]

Moin,
nimm aus deinen Funktionen mal die Parameter raus, die sind unnötig. In deinem BrowseLivelinkDuplicate() sind die Anführungszeichen dafür nämlich nicht escaped.

<script>
var counter = 0;

function BrowseLivelinkDuplicate()
{
counter++;

$('#test').append('<tr><td><p class="text" >Name:&nbsp;</p></td><td><INPUT TITLE="" CLASS="valueEditable" TYPE="TEXT" NAME="ObjName'+counter+'" VALUE="" SIZE="70"></td><td><A HREF="javascript:BrowseLivelinkDuplicate()"><IMG SRC="/img/websbroker/add_row.gif" WIDTH="16" HEIGHT="16" ALT="Duplicate" BORDER="0"></A><A HREF="javascript:FullTextRemove()"><IMG SRC="/img/websbroker/delete_row.gif" WIDTH="16" HEIGHT="16" ALT="Remove" BORDER="0"></A></td></tr>');

}

function FullTextRemove()
{
$('#test tr:last').remove();
}


</script>
<TD ALIGN="RIGHT" NOWRAP>
<A HREF="javascript:BrowseLivelinkDuplicate()"><IMG SRC="websbroker/add_row.gif" WIDTH="16" HEIGHT="16" ALT="Duplicate" BORDER="0"></A>


<A HREF="javascript:FullTextRemove()"><IMG SRC="/img/websbroker/delete_row.gif" WIDTH="16" HEIGHT="16" ALT="Remove" BORDER="0"></A>

</TD>

MfG

 

[musclebreast]

danke...diese anführungszeichen waren der grund...ich wurde schon wahnsinnig und hatte dienicht auf der rechnung:)

 

[musclebreast]

Hallo,

ich habe noch eine Frage. Ich habe mehrere Zeilen in einer Tabelle. Jetzt will ich ein bestimmtes removen. Wie kann ich dies tun? Meine alert Meldung gibt 4 Elemente aus. Ich versuche nun mit get und remove das zweite element zu löschen. Ich habe die 2 auch der remove Fnktion übergeben. Leider finde ich im Netz auch keinen Hinweis. Könnt Ihr mir einen Tipp geben?

alert($("#table tr[id]").length);



$("#table tr[id]").get(2).remove();

lg,

Lara

 

[Tronjer]

Wie wäre es mit next() und nth-child()?

 

[Sentence]

Hallo,

ich habe noch eine Frage. Ich habe mehrere Zeilen in einer Tabelle. Jetzt will ich ein bestimmtes removen. Wie kann ich dies tun? Meine alert Meldung gibt 4 Elemente aus. Ich versuche nun mit get und remove das zweite element zu löschen. Ich habe die 2 auch der remove Fnktion übergeben. Leider finde ich im Netz auch keinen Hinweis. Könnt Ihr mir einen Tipp geben?

Du könntest :eq() oder :nth-child() nehmen. Bedenke hier aber, das bei 0 angefangen wird zu zählen. Also das zweite Element ist 1, das erste damit also 0.

$("#table tr:eq(1)").remove();

//oder
$("#table tr:nth-child(1)").remove();

MfG

//EDIT
Hier ist eine Liste, der Selektoren
http://api.jquery.com/category/selectors/