javascript - 在 HTML 属性中添加 CR 或 LF

Question

简单地解释一下，我有一个 mouseenter Jquery 事件触发 AJAX 调用。以及 Jquery UI 工具提示。

$(function()
{
    $(document).tooltip({track:true});
    $('#NewUser').mouseenter(function(){AJAXValidation("NewUser")});
});  

这是电话:

function AJAXValidation(section)
{
    var request = $.ajax(
    {
        url: "ProcessJRT.php",
        type: "POST",
        contentType:"application/x-www-form-urlencoded;charset=UTF-8",
        data:
        {
            validate:section
        }
    });

    request.done(
        function(message)
        {
            var div = document.createElement('div');
            $(div).html(message);
            $(div).children().each
            (
                function(i)
                {
                    var title = '';

                    if($('#' + $(this).attr('id')).attr('title') != null)
                    {
                        title = $('#' + $(this).id).attr('title');
                    }

                    title += $(this).html() + '\r\n';

                    $('#' + $(this).id).attr('title', title);
                }
            );
        });
}

它现在所做的是采用 <div>来自 message并将它们置于父项 <div> 中。 (在我的代码中，div 已经存在，我更改了该部分，以便问题尽可能简短)。

然后我从 <div> 中获取文本我想将它们放在相应的 <input/> 中标题属性。

这里一切都很完美，除了这个愚蠢的小东西:

我无法在标题中添加 LN 或 CR，因此 div 中的所有文本都将位于单独的行上...

我尝试添加 </br>属性内部如下所示:

function(i)
{
    var title = '';

    if($('#' + $(this).id).attr('title') != null)
    {
        title = $('#' + $(this).attr('id')).attr('title');
    }

    title += $(this).html() + '</br>';//<---See I added a BR here 

    $('#' + $(this).id).attr('title', title);
}

但它显示</br>作为普通文本。我尝试过String.fromCharCode(13)但没有成功，我尝试了 '\n'或'\r\n'并且仍然有效。

有人可以指出我是否在使用这个吗？

谢谢!

编辑:

更改了$('#' + $(this).attr('id'))至$('#' + $(this).id) .

Answer 1

您不能以这种方式设置标题属性的格式，它不起作用，并且在不同的浏览器中会有所不同。

尝试jquery插件qTip来实现你想要的。 (看起来也不错!) http://craigsworks.com/projects/qtip/

或者，您可以使用     等作弊，将文本推到下一行。但这充其量只是脆弱的。