Question

<div id="tile">

<a href="#" title="some other title"><img src="#">
     <div id="newTitle">
     <h1>I want the real title here</h1>
     <p>some useful paragraph</p>
     </div>
</a>

<a href="#" title="some other title"><img src="#">
     <div id="newTitle">
     <h1>Another title here</h1>
     <p>another useful paragraph</p>
     </div>
</a>

</div>

我想使用jquery

更改锚中各个DIV的锚标题

有没有人有解决方案？

这是我尝试过的：

 <script>
 var eachTile = $("#tile > a"),
 newTitle = eachTile.children("#newTile").text();

 eachTile.attr('title', newTitle);
 </script>

此脚本在一行中显示所有文本，因此所有文本都具有相同的文本。

Answer 1

您可以使用以下代码：

function changeTitle(){
document.getElementsByName("add a name").title = "Set title";
}

使用可从事件中调用的函数。

Answer 2

在这里你可以像这样使用在每个锚点内，“newTitle”应该是class，而不是ID，因为你不能多次从多个项目中调用相同的ID，所以使用class而不是ID

<强>的jQuery

$('#tile a').each(function(){
    var txt = $(this).find('.newTitle').text();
    $(this).attr('title',txt);
});

<强> HTML

<div id="tile">

<a href="#" title="some other title"><img src="#">
     <div class="newTitle">
     <h1>I want the real title here</h1>
     <p>some useful paragraph</p>
     </div>
</a>

<a href="#" title="some other title"><img src="#">
     <div class="newTitle">
     <h1>Another title here</h1>
     <p>another useful paragraph</p>
     </div>
</a>

<a href="#" title="some other title"><img src="#">
     <div class="newTitle">
     <h1>Another title here</h1>
     <p>another useful paragraph</p>
     </div>
</a>

<a href="#" title="some other title"><img src="#">
     <div class="newTitle">
     <h1>Another title here</h1>
     <p>another useful paragraph</p>
     </div>
</a>

</div>

用div更改anchor属性

2 个答案: