使用jquery将内容加载到父元素中

Question

我有一个具有特定ID的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

将菊花链接起来。您没有正确选择ID。

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

Answer 3

您不需要使用其他查询，parent已经返回父元素：

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