contenu de charge dans l'élément parent avec jquery

Question

J'ai un élément div avec un ID spécifique

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

Lorsque le bouton est pressé, je veux sélectionner l'élément parent (dans ce cas, l'élément div) et la teneur en charge dans ça. J'ai essayé:

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

Mais cela ne fonctionne pas, sans doute parce que je ne choisis pas le parent de la bonne façon? Si j'imprime la variable id, elle a la bonne valeur ('someid'), mais je suppose que $ (id) est là où je me trompe?

Answer 1

La raison pour laquelle il ne fonctionne pas parce que votre sélecteur est « someid » au lieu de « #someid », mais il existe un moyen plus simple:

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

Answer 2

Vous n'avez pas besoin d'utiliser une autre requête, déjà parent renvoie l'élément parent:

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

Answer 3

Appelez simplement l'appel. Vous ne sélectionnez pas l'ID correctement.

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