尝试在DIV中添加内容

吸血鬼

这是我的jQuery,我正在尝试在abc div类内添加新数据


var html = '<div class="wrapper"><div class="abc"></div></div>';

if (someData == "YES"){

  var newHTML = '<div>hello</div>';
  $(html).find(".abc").html(newHTML);

}

$(body).html(html);


如何获取更新的HTML?

罗里·麦克罗森(Rory McCrossan)

问题是因为您从中的字符串创建了jQuery对象html,并且修改了该对象,但是没有在任何地方存储对该对象的引用。

调用时,$(body).html()您将添加原始字符串,而不是您更改的jQuery对象。因此,您需要将逻辑更改为此:

var html = '<div class="wrapper"><div class="abc"></div></div>';
var $html = $(html); // create the jQuery object and store a reference to it

// alternatively the above can be made in to one line:
// var $html = $('<div class="wrapper"><div class="abc"></div></div>');        

if (someData == "YES") {
  var newHTML = '<div>hello</div>';
  $html.find(".abc").html(newHTML); // amend the jQuery object
}

$(body).html($html); // add the updated HTML to the DOM

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

尝试添加垂直 div 和其他内容被推下

来自分类Dev

在“空” div中添加CSS内容文本

来自分类Dev

在“空” div中添加CSS内容文本

来自分类Dev

在Angular JS中单击添加div内容

来自分类Dev

jQuery-在选定的div中添加html内容,例如插件

来自分类Dev

如何使用jQuery在div中添加文本后的文件内容?

来自分类Dev

将更多内容添加到其他div中

来自分类Dev

将Array的内容添加到div JS的HTML中

来自分类Dev

如何在div中自动向下滚动添加的内容?

来自分类Dev

更新.html文件以批量添加xml文件中的div内容

来自分类Dev

如何使用javascript在div内容中添加<li>视图限制?

来自分类Dev

在 autotable 之前添加 div 内容

来自分类Dev

用户生成的内容-从哪里开始?用户将内容提交到div中,该内容会添加到图库中

来自分类Dev

在 C# unity 中,当我尝试添加更多内容时,数组会删除其先前的内容

来自分类Dev

在div中创建表单并尝试将内容保留在其中

来自分类Dev

<div>中的内容居中

来自分类Dev

如何基于JavaScript中其他div的文本内容在图像库中添加标题?

来自分类Dev

尝试在画布中添加文本

来自分类Dev

尝试在CSS中撰写div

来自分类Dev

如何在内容可编辑的div中添加占位符?

来自分类Dev

将类别标签添加到“所选<li>的可变内容DIV”中

来自分类Dev

从提取的div内容中将DOCTYPE添加到生成的下载文件中

来自分类Dev

如何在Vue JS的内容可编辑div中添加组件

来自分类Dev

如何在div上添加图像而不丢失CSS悬停效果中的先前内容

来自分类Dev

使用appendTo()并切换以将变量中的内容添加到div

来自分类Dev

在html代码的div部分中添加的Javascript代码未显示任何内容。

来自分类Dev

隐藏使用smartGWT中的设置内容添加到布局的div?

来自分类Dev

Bootstrap 3向“推送” div中添加内容会移动其他元素

来自分类Dev

将其他网页的内容加载到div中并添加样式

Related 相关文章

  1. 1

    尝试添加垂直 div 和其他内容被推下

  2. 2

    在“空” div中添加CSS内容文本

  3. 3

    在“空” div中添加CSS内容文本

  4. 4

    在Angular JS中单击添加div内容

  5. 5

    jQuery-在选定的div中添加html内容,例如插件

  6. 6

    如何使用jQuery在div中添加文本后的文件内容?

  7. 7

    将更多内容添加到其他div中

  8. 8

    将Array的内容添加到div JS的HTML中

  9. 9

    如何在div中自动向下滚动添加的内容?

  10. 10

    更新.html文件以批量添加xml文件中的div内容

  11. 11

    如何使用javascript在div内容中添加<li>视图限制?

  12. 12

    在 autotable 之前添加 div 内容

  13. 13

    用户生成的内容-从哪里开始?用户将内容提交到div中,该内容会添加到图库中

  14. 14

    在 C# unity 中,当我尝试添加更多内容时,数组会删除其先前的内容

  15. 15

    在div中创建表单并尝试将内容保留在其中

  16. 16

    <div>中的内容居中

  17. 17

    如何基于JavaScript中其他div的文本内容在图像库中添加标题?

  18. 18

    尝试在画布中添加文本

  19. 19

    尝试在CSS中撰写div

  20. 20

    如何在内容可编辑的div中添加占位符?

  21. 21

    将类别标签添加到“所选<li>的可变内容DIV”中

  22. 22

    从提取的div内容中将DOCTYPE添加到生成的下载文件中

  23. 23

    如何在Vue JS的内容可编辑div中添加组件

  24. 24

    如何在div上添加图像而不丢失CSS悬停效果中的先前内容

  25. 25

    使用appendTo()并切换以将变量中的内容添加到div

  26. 26

    在html代码的div部分中添加的Javascript代码未显示任何内容。

  27. 27

    隐藏使用smartGWT中的设置内容添加到布局的div?

  28. 28

    Bootstrap 3向“推送” div中添加内容会移动其他元素

  29. 29

    将其他网页的内容加载到div中并添加样式

热门标签

归档