Podemos atribuir um título (atributo title
), a um elemento com marcação no HTML, que tenha essa classe, dessa forma:
$(".title-texto").attr("title", $(".title-texto").text());
Exemplo da marcação no HTML com apenas um elemento com a classe:
{<ul class="miniaturas">
<li>
<a href="link1.html">
<img src="img/imagem1.png" >
<p class="title-texto" >texto 1 escrito no html, com o title atribuido no Jquey</p>
</a>
</li>
</ul>}
Como poderia atribuir title
diferentes aos elementos <p>
que tem a mesma classe?
<ul class="miniaturas">
<li>
<a href="link1.html">
<img src="img/imagem1.png">
<p class="title-texto" >texto 1 escrito no html, com o title atribuido no Jquey</p>
</a>
</li>
<li>
<a href="link2.html">
<img src="img/imagem2.png">
<p class="title-texto" >texto 2 escrito no html, com o title atribuido no Jquey</p>
</a>
</li>
<li>
<a href="link3.html">
<img src="img/imagem3.jpg">
<p class="title-texto" >texto 3 escrito no html, com o title atribuido no Jquey</p>
</a>
</li>
</ul>