Javascript 在jQuery';中使用变量div ID时语法正确;s.荷载函数
我试图使用jQuery的.load函数将新内容加载到ID未知的div中。我试图从子元素获取其ID。从警报开始返回父ID:Javascript 在jQuery';中使用变量div ID时语法正确;s.荷载函数,javascript,jquery,Javascript,Jquery,我试图使用jQuery的.load函数将新内容加载到ID未知的div中。我试图从子元素获取其ID。从警报开始返回父ID: <script language="javascript"> $('#submitbtn').click(function(){ var parentId = $('#windowanchor').parent().attr('id'); alert('ID = ' + parentId); }); </scr
<script language="javascript">
$('#submitbtn').click(function(){
var parentId = $('#windowanchor').parent().attr('id');
alert('ID = ' + parentId);
});
</script>
$('#submitbtn')。单击(函数(){
var parentId=$('#windowanchor').parent().attr('id');
警报('ID='+parentId);
});
好。但是,当修改代码以包含.load函数时,不会加载任何内容:
<script language="javascript">
$('#submitbtn').click(function(){
var parentId = $('#windowanchor').parent().attr('id');
$(parentId).load("plug.php?r=calendar&m=edit&id=1");
});
</script>
$('#submitbtn')。单击(函数(){
var parentId=$('#windowanchor').parent().attr('id');
$(parentId).load(“plug.php?r=calendar&m=edit&id=1”);
});
我怀疑我使用的语法是错误的(js/jquery菜鸟)。请帮忙 ID是唯一的,所以就这样做吧
<script language="javascript">
$('#submitbtn').click(function(){
$('#windowanchor').parent().load("plug.php?r=calendar&m=edit&id=1");
});
</script>
$('#submitbtn')。单击(函数(){
$('#windowanchor').parent().load(“plug.php?r=calendar&m=edit&id=1”);
});
无需获取ID,只需将其粘贴在选择器中,然后再次获取相同的元素即可 ID是唯一的,所以就这样做吧
<script language="javascript">
$('#submitbtn').click(function(){
$('#windowanchor').parent().load("plug.php?r=calendar&m=edit&id=1");
});
</script>
$('#submitbtn')。单击(函数(){
$('#windowanchor').parent().load(“plug.php?r=calendar&m=edit&id=1”);
});
无需获取ID,只需将其粘贴在选择器中,然后再次获取相同的元素即可 您需要在选择器中使用
#
作为前缀:
$("#" + parentId).load("plug.php?r=calendar&m=edit&id=1");
但是,一个更干净的解决方案是只使用负载的参考,而根本不获取ID:
$('#windowanchor').parent().load("plug.php?r=calendar&m=edit&id=1");
您需要在选择器中使用
#
作为前缀:
$("#" + parentId).load("plug.php?r=calendar&m=edit&id=1");
但是,一个更干净的解决方案是只使用负载的参考,而根本不获取ID:
$('#windowanchor').parent().load("plug.php?r=calendar&m=edit&id=1");
$('#submitbtn')。单击(函数(){
var parentId=$('#windowanchor').parent().attr('id');
$('#'+parentId).load(“plug.php?r=calendar&m=edit&id=1”);
});
$('#submitbtn')。单击(函数(){
var parentId=$('#windowanchor').parent().attr('id');
$('#'+parentId).load(“plug.php?r=calendar&m=edit&id=1”);
});
您需要在父ID
前加一个#
,这样选择器才能正常工作
var parentId = '#' + $('#windowanchor').parent().attr('id');
$(parentId).load("plug.php?r=calendar&m=edit&id=1");
这样,如果#windowanchor
父对象的id
属性为main
,则选择器变为#main
虽然,这是理想的;与获取父级ID并运行另一个jQuery选择器相比,只需直接在
$('#windowanchor')上调用.load()
方法。parent()
效率更高。您需要为父级ID
预先添加一个
,以便选择器正常工作
var parentId = '#' + $('#windowanchor').parent().attr('id');
$(parentId).load("plug.php?r=calendar&m=edit&id=1");
这样,如果#windowanchor
父对象的id
属性为main
,则选择器变为#main
虽然,这是理想的;只需直接在$('#windowanchor')上调用.load()
方法,而不是获取父级ID并运行另一个jQuery选择器。parent()
更有效。您需要添加
$('#submitbtn')。单击(函数(){
var parentId=$('#windowanchor').parent().attr('id');
$('#'+parentId).load(“plug.php?r=calendar&m=edit&id=1”);
});
您需要添加#
$('#submitbtn')。单击(函数(){
var parentId=$('#windowanchor').parent().attr('id');
$('#'+parentId).load(“plug.php?r=calendar&m=edit&id=1”);
});
这是最干净的answers@SableFoste-谢谢!这是世界上最干净的answers@SableFoste-谢谢!