Загрузка содержимого в родительский элемент с помощью jquery

Question

У меня есть элемент div с определенным идентификатором

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

Когда кнопка нажата, я хочу выбрать родительский элемент (в данном случае элемент div) и загрузить в него содержимое. Я пробовал:

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

Но это не работает, возможно потому, что я неправильно выбираю родителя? Если я распечатываю переменную id, она имеет правильное значение ('someid'), но я думаю, что $ (id) - это то, где я ошибаюсь?

Answer 1

Причина, по которой он не работает, заключается в том, что ваш селектор "someid" вместо "#someid", но есть более простой способ:

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

Answer 2

Просто цепочка звонков. Вы не правильно выбираете идентификатор.

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

Answer 3

Вам не нужно использовать другой запрос, parent уже возвращает родительский элемент:

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