javascript - 使用 jQuery.attr() 转义属性值

Question

在使用 jQuery 更新title元素的属性时，我发现实体（特别是
，这是目前推荐的在属性中添加换行符的方式title）无法正确显示（实体显示为文本，并且未解析... ）。

例如：

<!-- This works fine -->
<div title="foo&#10;bar">baz</div>

但是这个：

<div>baz</div>
<script>
$("div").attr('title', 'foo&#10;bar'); // Escapes the &
</script>

有没有办法让 jQuery 不转义值？unescape()我之前试过用.attr()，但是没用……</p>

Answer 1

Answer 2

You are right; unescape() will not work in this case. What you can do is something similar to what is mentioned in the answer here.

Basically, create an empty element using jQuery, set it's HTML to the text you want in the title ('foo
bar' in this case) and then get back the element's text.

Sounds a little complicated? It is, but this will work for any HTML entity and it's really just a one-liner. Here's the code:

<div>baz</div>
<script>
    var title = $('<div/>').html('foo&#10;bar').text();
    $("div").attr('title', title);
</script>

Or on one line:

$('div').attr('title', $('<div/>').html('foo&#10;bar').text());

Answer 3

This function will save you time, if you'll be doing this a lot:

function unescp(x){
 return $('<div/>').html(x).text();
}
$("div").attr('title',unescp('foo&#10;bar'));

See it here: http://jsfiddle.net/9Lnru/ ​</p>

Answer 4

您可以尝试将值放在隐藏元素中。并让 jquery 将该值复制到 div。我不确定它是否会通过 jQuery 被忽视，但值得一试......