如何使用jquery在title屬性中添加換行符

Question

請在下面找到我的代碼，該代碼將鼠標懸停事件的工具提示添加到我的調查引擎中的字段中。 我想要實現的是在工具提示中添加換行符。 非常感謝任何幫助。

var $j = jQuery.noConflict();

$j('#choice31QID405').mouseover(function() { 
$j(this).attr('title','My name is Glenn. <Add a line break>. I am a good boy'. <Add a line break>. I live in New Delhi); 
})

$j('#choice31QID405').mouseout(function() { 
$j(this).removeAttr('title'); 
})

Answer 1

使用實體代碼
 換行。 您的代碼將如下所示：

$j(this).attr('title','My name is Glenn.
I am a good boy'.
I live in New Delhi);

參考這個FIDDLE

Answer 2

在現代瀏覽器上，你可以只使用換行符：

 $("#target").attr("title", "Hello\\nWorld");

 <p title="Hello World"> This one is hardcoded in the HTML. </p> <p id="target"> This one is added later </p> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

這適用於當前（在撰寫本文時）Chrome 和 Firefox 以及 IE11。

Answer 3

html實體將如上所述工作

以下是您可以在代碼中映射的完整列表

https://dev.w3.org/html5/html-author/charref

Answer 4

在 HTML 中使用<Hr>標簽來設置line

這是工作示例，

 var $j = jQuery.noConflict(); $j('#choice31QID405').mouseover(function() { $j(this).attr('title','My name is Glenn. <hr />. I am a good boy <hr /> I live in New Delhi'); $j('#test').html($j(this).attr('title')); }); $j('#choice31QID405').mouseout(function() { $j(this).removeAttr('title'); $j('#test').html(""); });

 <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <title>JS Bin</title> <body> <div id="choice31QID405">Mouse over here</div> <div id="test">Tooltip will show up here..</div> </body>

如何使用jquery在title屬性中添加換行符

問題描述

3 個解決方案

解決方案1
4 2016-05-27 06:37:42

解決方案2
4 2017-03-21 11:42:07

解決方案3
0 2016-05-27 06:44:36

解決方案4
0 2016-05-27 06:51:51

如何使用jquery在title屬性中添加換行符

問題描述

3 個解決方案

解決方案1 4 2016-05-27 06:37:42

解決方案2 4 2017-03-21 11:42:07

解決方案3 0 2016-05-27 06:44:36

解決方案4 0 2016-05-27 06:51:51

解決方案1
4 2016-05-27 06:37:42

解決方案2
4 2017-03-21 11:42:07

解決方案3
0 2016-05-27 06:44:36

解決方案4
0 2016-05-27 06:51:51