Inhalt in übergeordnetes Element mit jquery laden

Question

Ich habe ein div-Element mit einer bestimmten ID

<div id='someid'>
    <input type='submit' class='edit' value='Edit'>
</div>

Wenn die Schaltfläche gedrückt wird, möchte ich das übergeordnete Element (in diesem Fall das div-Element) auswählen und den Inhalt in dieses Element laden. Ich habe es versucht:

$(document).ready(function(){
  $(".edit").click(function(){
    var id = $(this).parent().get(0).id;
    $(id).load("contentpage");
  });
});

Aber das funktioniert nicht, vermutlich weil ich das Elternteil nicht richtig auswähle? Wenn ich die id-Variable ausdrucke, hat sie den richtigen Wert ("someid"), aber ich vermute, dass ich mit $(id) falsch liege?

Answer 1

Der Grund, warum es nicht funktioniert, ist, dass Ihr Selektor "someid" statt "#someid" ist, aber es gibt einen einfacheren Weg:

$(document).ready(function(){
  $(".edit").click(function(){
    $(this).parent().load("contentpage");
  });
});

Answer 2

Verketten Sie den Anruf einfach. Sie wählen die ID nicht richtig aus.

$(this).parent().load("contentpage")

Answer 3

Sie brauchen keine weitere Abfrage zu verwenden, parent gibt bereits das übergeordnete Element zurück:

$(document).ready(function(){
  $(".edit").click(function(){
    $(this).parent().load("contentpage");
  });
});