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://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在当前（撰写本文时）Chrome和Firefox以及IE11上都可以正常使用。

Answer 3

html实体将如上所述工作

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

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

Answer 4

在HTML中使用<Hr>标记来设置line

这是工作示例，

＆＃13;

   

 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("");
    });

＆＃13;

<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>

＆＃13;

如何使用jquery在title属性中添加换行符

4 个答案: