如何在p标记中动态附加数据属性值
How to append data attribute value in p tag dynamically
"lt;div class=";文本";数据名称=";test1">lt/div>quot
<div class=";文本";数据名称=";test1">lt/div>
<div class=";文本";数据名称=";test1">lt/div>
<div class=";文本";数据名称=";test1">lt/div>
<div class=";文本";数据名称=";test1">lt/div>
append应该像这个
<div class=";文本">lt;p>测试1<p>lt/div>
<div class=";文本">lt;p>测试2<p>lt/div>
像这样:
$('div.text').each(function() {
var $this = $(this);
$this.append($('<p>').html($this.data('name')));
});
转换元素的一种方法。
$('div[data-name]').each(function() {
var data = $(this).data("name");
$(this).removeAttr( "data-name" );
data = data.slice(0, 4) + " " + data.slice(4);
$(this).append("<p>" + data);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text" data-name="test1"> </div>
<div class="text" data-name="test1"> </div>
<div class="text" data-name="test1"> </div>
<div class="text" data-name="test1"> </div>
<div class="text" data-name="test1"> </div>
相关文章:
- 无法识别动态内容数据属性
- 动态添加数据时按数据属性查询JQuery选择器
- 如何在p标记中动态附加数据属性值
- 数据属性在动态添加时不以所需的格式呈现,不转义双引号
- 从数据属性动态获取 JQuery Ajax 请求的 URL
- jQuery 抓取动态数据 * 属性的值
- 动态 url 作为 css 和 D3JS 中伪元素的数据属性
- jQuery在创建动态DOM元素时添加数据属性
- 通过html标签数据属性动态加载js、css文件
- 为svg对象动态分配数据属性
- 如何根据JSON数据动态更改属性
- 动态创建具有给定数据属性的javascript值
- 如何使用下拉菜单和HTML5数据属性动态更改HTML元素的分组
- jquery数据拾取器基于数据属性的动态更新
- 使用jquery动态设置数据属性的值
- 插入HTML表格行"标题"基于动态可见元素数据属性的研究
- 如何使用jQuery通过数据属性查找动态添加的元素
- 使用 jQuery 验证插件 1.11.1 动态添加/删除具有数据属性的表单验证
- 动态加载带有数据属性的JavaScript小部件
- emberjs——在车把模板中添加动态数据属性