gpt4 book ai didi

javascript - 如何强制 jquery attr() 添加带有单引号的属性

转载 作者:太空宇宙 更新时间:2023-11-04 15:12:18 26 4
gpt4 key购买 nike

我在内存中创建了一个 div:

var video_div = document.createElement('div');
video_div.className = "vidinfo-inline";

本质上我有一些变量:

var key = "data-video-srcs";
var value = '{"video1":"http://www.youtube.com/watch?v=KdxEAt91D7k&list=TLhaPoOja-0f4","video2":"http://www.youtube.com/watch?v=dVlaZfLlWQc&list=TLalXwg9bTOmo"}';

然后我使用 jquery 将该数据属性添加到 div:

$(video_div).attr(key, value);

这是我的问题。这样做之后我得到了这个:

<div class="vidinfo-inline" data-video-srcs="{"video1":"http://www.youtube.com/watch?v=KdxEAt91D7k&list=TLhaPoOja-0f4","video2":"http://www.youtube.com/watch?v=dVlaZfLlWQc&list=TLalXwg9bTOmo"}"></div>

将 json 放在那里是行不通的。它必须用单引号引起来。它必须看起来像这样:

<div class="vidinfo-inline" data-video-srcs='{"video1":"http://www.youtube.com/watch?v=KdxEAt91D7k&list=TLhaPoOja-0f4","video2":"http://www.youtube.com/watch?v=dVlaZfLlWQc&list=TLalXwg9bTOmo"}'></div>

稍后我会做这样的事情:

var video_srcs = $('.vidinfo-inline').data('video-srcs');

除非 json 包含在单引号中,否则这是行不通的。

有没有人有什么想法?

编辑:

根据 jquery:http://api.jquery.com/data/#data-html5

When the data attribute is an object (starts with '{') or array (starts with '[') then jQuery.parseJSON is used to parse the string; it must follow valid JSON syntax including quoted property names. If the value isn't parseable as a JavaScript value, it is left as a string.

因此我无法转义双引号,它必须在单引号内。我有一个变通办法,除非其他人有更好的答案,否则我会将其作为答案发布。

最佳答案

我有一个解决方法。如果有人有更好的解决方案,我很乐意看到。

我写了一个替换方法:

var fixJson = function(str) {
return String(str)
.replace(/"{/g, "'{")
.replace(/}"/g, "}'");
};

所以基本上我将 html 发送到此函数并将其插入到 DOM 中。

例如:

var html = htmlUnescape($('#temp_container').html());
html = fixJson(html);

我意识到它有一些代码味道。我的意思是,遍历该元素上的所有内容只是为了将双引号固定为单引号,这很糟糕。但是由于缺乏其他选择或想法,它起作用了。 :\

关于javascript - 如何强制 jquery attr() 添加带有单引号的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18579528/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com