鱼C论坛

 找回密码
 立即注册
查看: 5151|回复: 5

[已解决]js创建元素

[复制链接]
发表于 2021-4-14 19:19:30 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
想通过jquery创建这样一块html

<div class="media w-50 mb-3"><img src="./static/pic/red.png">
          <div class="media-body ml-3">
            <div class="bg-light rounded py-2 px-3 mb-2">
              <p class="text-small mb-0 text-muted"> hello </p>
            </div>  
          </div>
</div>

------------------------分割
下面的写法得到了我想要的效果,请教一下有没有更好的做法?

        var txt1=`<div class="media w-50 mb-3"><img src="./static/pic/red.png">
        <div class="media-body ml-3">
          <div class="bg-light rounded py-2 px-3 mb-2">
            <p class="text-small mb-0 text-muted"> `;

        var txt2= " hello world ";

        var txt3 = `</p>
        </div>
      </div>
    </div>`;

        var txt = txt1 + txt2 + txt3;
        $("#aaa").append(txt);
最佳答案
2021-4-15 10:50:05
几乎个个框架都能实现啊。市面上比较流行的三大框架Angular、React、Vue。

我也推广一下我自制的框架吧,虽然我不认为这个框架能比其他框架有什么优势 https://gitee.com/darth_ef/def-web/tree/master/js/ControlLib
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-4-14 20:07:59 | 显示全部楼层
我感觉这么写就行吧,就是看着txt1、txt3这个名 不太顺眼,还是html顺眼点
txt2确实是文本,用txt2到可以接受,哈哈!
我不擅长这个,我没有更好的做法,鹅,凑凑热闹
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-4-14 20:24:30 | 显示全部楼层
这是要干啥?如果只是想可以修改txt2的内容,我建议用框架。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-4-14 22:39:58 | 显示全部楼层
Darth_EF 发表于 2021-4-14 20:24
这是要干啥?如果只是想可以修改txt2的内容,我建议用框架。

嗯,只想改txt2的内容,但是txt2在txt1和txt3里面,有没有办法不写txt1和txt3。类似:
var txt2=$("<p></p>").text("hello world"); 有框架的话可以详细介绍下吗
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-4-15 10:50:05 | 显示全部楼层    本楼为最佳答案   
几乎个个框架都能实现啊。市面上比较流行的三大框架Angular、React、Vue。

我也推广一下我自制的框架吧,虽然我不认为这个框架能比其他框架有什么优势 https://gitee.com/darth_ef/def-web/tree/master/js/ControlLib
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-4-15 19:07:57 | 显示全部楼层
Darth_EF 发表于 2021-4-15 10:50
几乎个个框架都能实现啊。市面上比较流行的三大框架Angular、React、Vue。

我也推广一下我自制的框架吧 ...

好的谢指教
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 19:54

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表