根据<p>标签内容</p>分配标题属性

时间:2014-11-28 03:31:13

标签: javascript jquery html

就是这样......拥有很多p个标签(让我们说.text),我需要添加title属性和标签文本。所以,如果我有这个:

<p> Hello, world </p>

它会给我这个

<p title="Hello, world"> Hello, world </p>

3 个答案:

答案 0 :(得分:1)

http://api.jquery.com/prop/#computed-prop-values

访问所需的Element属性及其内部的回调功能,只需return return $(this).text();方法中的所需值$("p").prop("title", function(){ // Every "p" "title", set to: return $(this).text(); // it's text value });

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Hello, world</p>
<p>StackOverflow</p>
&#13;
{{1}}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

如果您使用javascript,可以尝试

  

的document.getElementById(&#39; myptag&#39)。的setAttribute(&#39;标题&#39;,&#39;你好,世界&#39);   并设置id =&#34; myptag&#34;在html p标签中。

如果使用jquery,则需要添加jquery.js并尝试

  

$(document).ready(function(){           $(&#34; P&#34)。ATTR(&#39;标题&#39;,&#39;你好,世界&#39);        });

答案 2 :(得分:-1)

你可以尝试

$("p").attr("title","Hello, world");

OR

$("p").prop("title","Hello, world");