jquery中怎么改变div中的内容

Posted 2023-04-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery中怎么改变div中的内容相关的知识，希望对你有一定的参考价值。

1、$("div").html("想写什么就什么，html代码也可以")或$("div").text("想写什么就什么，html代码会被转义成普通文本显示，可以防恶意js代码")。

2、直接写 $('#mydiv2').html('dddd'); 这个ID是修改的那个用firebug就可以看到你写的是这个id =mydiv2 是这个模板里面的ID值的变化，而不是追加到你行下面的这个div 不知道你是否理解了。

3、也就是说$('#mydiv2').html('dddd'); 这个赋值是肯定成功赋值了，不过是赋给了这个div 下面的 id=mydiv2 的值，而不是当前tr 下面弹出来的那个id=mydiv2的值。

参考技术A $("#divId").html("想写什么就什么，html代码也可以");
或：
$("#divId").text("想写什么就什么，html代码会被转义成普通文本显示，可以防恶意js代码");本回答被提问者采纳

超出div部分的内容不显示怎么办

div高度没有设置，我做的是高度跟着内容一起变
附上截图

1、为了方便操作，我们使用jquery脚本库，先引入脚本文件。

2、html里有一个div，和一个按钮，按钮是用来触发div高度变化的。

3、按钮事件函数如图，我们先使用jquery的width方法来得到div当前的宽度。

4、然后计算div的高度，假设高度要设置为宽度的60%，我们就 x 0.6。

5、方法最后使用jquery的css方法来设置它的高度。

6、运行页面，看到当前div的宽度和高度。

7、点击按钮后，可以看到现在div的高度已经是宽度的0.6倍了。

参考技术A 你的div是不是加了属性 overflow:hidden了？去掉试试
高度设置成auto吧;
另外要看看你的div外层容器有没有高度限制追问

没有overflow:hidden，高度之前是auto，但是结果还是一样

追答

能贴出这里的代码看看吗？我想看看div是否有外层容器以及该容器的高度设置；
再看看你的 “高度跟着内容一起变”的代码

参考技术B 如果高度跟着内容一起变，内容应该不会超出div，是不是父级div设置了高度，并overflow设置为了hidden？将overflow设为auto试试参考技术C 你的div的父元素（一切父元素都算）有没有设置overflow:hidden？

PS：简易你使用浏览器的F12功能检查你的代码追问

该页面所有div都没设置overflow：hidden，顺便一提，给我讲讲F12是什么功能怎么用，谢谢

追答

你可以贴出你的代码，我帮你看看，

关于浏览器的调试功能（即：F12），你可以百度一下

追问