首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery仅转换img标签和div标签

使用jQuery仅转换img标签和div标签
EN

Stack Overflow用户
提问于 2018-03-01 21:35:45
回答 1查看 111关注 0票数 1

我正在尝试使用jQuery只转换img标签和div标签

代码语言:javascript
运行
复制
<img class="wrap" src="xyz.com" alt="test" />
<div class="test"></div>

使用

代码语言:javascript
运行
复制
<div class="wrap" src="xyz.com" alt="test" />

试着这样做

代码语言:javascript
运行
复制
var $select = $(".wrap");
var $div = $(".test");

var attributes = $select.prop("attributes");
$.each(attributes, function() {
    $div.attr(this.name, this.value);
});

上面的代码是从img复制所有属性,并将其分配给div标记。我想在不分配给html的情况下实现同样的效果。简单地说,我想用div标签替换img标签。这有可能吗?

EN

Stack Overflow用户

发布于 2018-03-01 21:40:09

试试这个:

代码语言:javascript
运行
复制
var $img = $("img.wrap");
var $div = $("div");

var attributes = $img.prop("attributes");

// loop through <img> attributes and apply them on <div>
$.each(attributes, function() {
    $div.attr(this.name, this.value);
});

$img.remove();
$("#someContainer").append($div);

HTML:

代码语言:javascript
运行
复制
<div id="someContainer">
    <img class="wrap" ... />
</div>

来源:jQuery: How to copy all the attributes of one element and apply them to another?

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49050860

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档