jQuery如何动态获取其他div中的内容

最新推荐文章于 2023-04-03 14:28:14 发布
最新推荐文章于 2023-04-03 14:28:14 发布
阅读量2.5k 收藏
点赞数
分类专栏： php jquery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jbb0403/article/details/39498635
版权

现在有这么个需求，一个文章list列表，其中每个文章下面都有个分享，要求点击分享的时候要拿到这篇文章中的内容，传到后台，效果如图：

解决办法如下：

 

html页面动态添加元素，且获取新增数据列表，提交后端
zcx2842000的博客
04-16 722
一、先制作相关模板dom var model = { "selectRadioModel": " <div id=\"questionList\">\n" + " <div name=\"questionModel\">\n" + " <div class=\"layui-form-item\">\n" +
Jquery动态替换div内容及动态展示的方法
10-24
本文主要介绍了利用Jquery实现div内容动态替换及动态展示的方法，同时涵盖了使用技巧和注意事项。 首先，我们遇到的问题是在项目中需要将后台拼接的HTML内容通过前台的ajax请求展示到div中。在尝试使用Jquery的....
jquery循环获取div之间的内容
我心依旧
05-04 1565
   html代码如下：   &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;div id='product_id'&gt;123&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;div id='product_id'&gt;4
jquery动态加载页面到div中
mzjmmc的博客
09-10 873
使用场景：我经常看到一些系统，点击菜单，容器会动态加载页面，那么这个过程是如何实现 实现方式一：绑定点击事件，使用ajax动态加载页面到div中 $.ajax({//异步请求 url:"/table.do", type:'post', dataType:"json", async:false, data:{}, success:function(data){ //将后台的数据返回给前端界面 //前端界面对其进行处理，达到要展示的效果。 $("#ma
react入门-列表渲染（动态获取数据）
love_521_的博客
03-23 1369
注意：动态获取的是我自定义的后台数据，使用的时候请修改：componentDidMount中url 使用的数据如下： { "data": [ { "author": "", "children": [], "courseId": 13, "cover": "", "desc": "", "id": 408, "lis
js动态加载div显示主菜单和子菜单+jquery获取动态id
热门推荐
颗粒归仓
05-07 1万+
最近在做项目重构的主界面工作中，需要动态显示主菜单以及子菜单（各个界面的链接），查看原来老系统采用的是asp控件，但是重构的时候采用mvc框架，而且这些菜单并不是死的，而是通过其他界面来配置的，主菜单和子菜单都是数据库查询显示。因此，就想到了动态的拼接div来实现效果。 要实现的效果图 实现步骤： 第一步，查询主菜单名称 第二步，查询具体界面名称
jquery实现动态改变div宽度和高度
10-24
首先，要实现动态改变div的尺寸，我们先要了解jQuery中的两个非常重要的方法：.width()和.height()。这两个方法都允许我们获取或设置元素的宽度和高度。当我们传递一个参数给这两个方法时，它会设置元素的尺寸；而...
JavaScript和JQuery获取DIV值的方法示例
10-20
按钮“JavaScript获取DIV的值”使用的是JavaScript原生方法，而按钮“JQuery获取DIV的值”使用的是JQuery方法。 文章的运行结果部分简要说明了用户点击不同按钮后会触发不同的事件处理函数，并弹出包含DIV元素内容...
jQuery如何获取动态添加的元素
10-22
在实际应用中，.on()方法可以用于页面上任何需要动态交互元素的场景，无论是通过JavaScript代码添加的元素，还是通过AJAX请求加载的内容。.on()方法的使用提升了页面的交互性和用户体验，使得开发者能够更加灵活地...
根据后台接口获取动态数据，使用JS拼接html
chunzaoyin0342的博客
08-21 843
(function($){ var line = function(){ return { defaultOption : { banner : ' <div class="swiper-slide">...
vue:echarts引入以及获取动态数据
CXY_BOY的博客
04-17 3124
参考链接：echarts引入 动态获取数据: <template> <el-card class="box-card"> <h1 align="center">人事管理系统</h1> <div id="zhu" style="width: 100%;height: 400px;"></div> <div id="bin" style="width: 100%;height: 400px;">&lt
jQuery根据后台查询到的数据动态往div中ul里面的li添加数据（同时动态添加li）
qiaodaima0的博客
08-06 1万+
直接看图和代码 页面： js 下面这种写固定个数的li很不好，也不符合要求，如下 我们需要根据后台查到的数据，比如查到5条数据，那就页面显示5个li行数，查到3个就显示3个。 修改 注意id 我们的操作是根据id进行绑定的 JS代码： $(function(){ $.ajax({ url :'这里写传到后台的路径' type: 'pos...
html获取div中的数据,html to json获取div数据
weixin_28822955的博客
07-02 1171
我想将html页面div标签转换为json数据，并将该div附加到另一个html page.get那个使用id的div。html to json获取div数据假设存在page.html，其中div标签在那里，ID为page1 page2等。将它们转换为json数据并根据它们的id获取div标签，然后将这些div标签附加到page2.html div标签。怎么做。这是page2.htmlthis i...
jquery获取动态生成的元素【live(), on()】div text html append attr
webnoties的专栏
12-09 2205
$("button").live("click",function(){ $("p").slideToggle();});http://www.w3school.com.cn/jquery/event_live.asp$("p").on("click",function(){  alert("The paragraph was clicked.");});举例： //删除按钮 隐藏起来 $(
HTML5+中动态构建列表并填充数据
weixin_34192732的博客
02-12 1018
部分代码参考demo----《历史上的今天》。 感谢作者的分享，愿好人一生平安，虽然只有两个页面，但是通过这个示例让我学会了5+中如何动态构建列表并填充数据，非常实用。 html部分： <body> <header class="mui-bar mui-bar-nav"> ...
Echarts：读取动态数据
无面人的博客
04-03 8486
使用Echarts画图时，数据一般不是静态写死的，而是通过后端接口动态获取的，因此本文结合官网提供的demo来演示Echarts怎么获取动态数据
Vue中动态获取设置了contenteditable属性的div的输入数据
☆往事随風☆的博客
10-14 4110
contenteditable 是一个枚举属性，表示元素是否可被用户编辑。如果可以，浏览器会修改元素的组件以允许编辑。true 或空字符串，表示元素是可编辑的。false 表示元素不是可编辑的。如果没有设置该属性的值（例如），则其值被视为空字符串。如果没给出该属性或设置了无效的属性值，则其默认值继承自父元素：即，如果父元素可编辑，该子元素也可编辑。注意，虽然该属性允许设定的值包括 true 和 false，但该属性仍是一个枚举 属性而非布尔属性。
jquery如何获取<div></div>之间的内容
Jacky的专栏
02-04 1万+
$("div").text(); 获取中间的文本，不包括html标签； $("div").html(); 获取中间的所有内容。
jquery获取当前点击项获取div中的内容------index-------属性值
genziisme的专栏
04-02 3493
1.获取ID属性值：event.currentTarget.id 2.获取自定义data-属性值：event.currentTarget.dataset.name----- （data-name） 3.获取div里的内容2种方法：html()text() 4.获取当前操作下标2种方法：$(this).index()$('.div1').index(thi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值