使用jQuery定位特定DIV以替换HTML

时间:2015-07-15 20:59:47

标签: javascript php jquery html wordpress

我有一个WordPress循环渲染表单,您可以使用它来编辑帖子(所以我会返回表格,每个帖子一个表格而不是帖子) 该循环在WordPress默认页面上呈现。

呈现的表格全部包含在Div" div id =" mydiv""

这些Div增加了他们的唯一ID" mydiv",每个表单呈现一次,意味着,第一个Form有ID" mydiv",第二个Form in循环有ID&# 34; mydiv2"等

但这在我的问题中并不重要。

我在jQuery下面使用这个提交表格,在提交表格后,我想用已编辑的帖子替换表格。

这是代码:

jQuery(document).ready(function() { 
jQuery("[id^=cred_form_1614]").ajaxForm(function(data) {
if (data.length > 0) {
    jQuery('.page').empty();
  jQuery('.page').html(data);
}
});
});

问题是,定位"页面",我将所有表单替换为单个帖子

如果我的目标是" mydiv" (无论哪一个),表格保持显示,它不会被编辑的帖子取代。

所以,问:

如何使用上面的代码来定位特定的DIV(mydiv,mydiv2,mydiv3等)?

我希望表格包含在" mydiv"由此表单编辑的帖子替换。 表格" mydiv2"必须保持展示,只要我不提交。 然后,如果提交,也" mydiv2"必须替换后发布此表单编辑。 等等。

只要我更换整个页面,它就会很好用。这意味着,代码基本上正常工作。

但是,我需要针对特定​​的DIV。

这可能吗?

ma(t)错误在哪里?

我试过这个:

jQuery(document).ready(function() { 
jQuery("[id^=cred_form_1614]").ajaxForm(function(data) {
if (data.length > 0) {
    jQuery('.mydiv').empty();
  jQuery('.mydiv').html(data);
}
});
});

并确保循环中的第一个表单包含在" mydiv"中。 我还试图将我的循环限制为一个渲染的Form,但是只要我在jQuery(而不是.page)中定位一个特定的DIV,那么代码就会中断

没有成功的结果! 它只是一直显示表格

任何帮助表示赞赏!!

1 个答案:

答案 0 :(得分:1)

不确定我是否理解正确。

如果您想按ID定位元素,请使用以下语法:$('#id')