javascript - 替换为不删除元素

标签 javascript jquery html

这是 html:(示例)

<div class="lblTest well" data-src="001">Label 1</div>

to 

<a class="lblTest well" data-src="001" href="#" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom 1" >Label 1</a>

这是js:

$('.lblTest').each(function (i, n) {
    var $element = $(this);        
    $element.replaceWith(function () {
        return $('<a/>', {
            html: this.innerHTML,
            class: this.className,
            href: '#',
            'data-src':this.('dataSrc'), /// < ???
            'data-toggle':'tooltip',
            'data-placement':'bottom',
            'title':'Tooltip on bottom ' + (i + 1)
        });
    });
});

此代码不正确:

'data-src':this.('dataSrc'), /// < ???

Fiddle

最佳答案

您的元素中没有 dataSrc 属性。应该是这样

$(this).data("src"),

关于javascript - 替换为不删除元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61090080/

相关文章:

javascript - 使用正则表达式删除一个空格字符 (JavaScript)

Javascript 月份差异

javascript - 无法使用 Node 请求模块进行基本的 HTTP 身份验证

php - 查询结果的分页无法正常工作

javascript - 通过 php 将 JavaScript 变量保存到文件

javascript - 寻找下一个 div

javascript - 单击按钮后如何逐一显示表单字段

javascript - 在 Android 上动态更改 HTML5 视频 src?

python - 适度缩小 HTML(来自 Beautiful Soup 输出)

html - 我可以混合和匹配 rel 属性吗?