change anchor attribute with div

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>

I want to change the anchor titles with the respective DIVs within that anchor using jquery

does anyone have a solution for this?

here's what I've tried:

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

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

this script shows all texts in one line so all of them has the same text.

possible duplicate of [How to change an element's title attribute using jQuery](http://stackoverflow.com/questions/987967/how-to-change-an-elements-title-attribute-using-jquery) — showdev, Jan 13 '14 at 21:44

score 0 · Answer 1 · answered Jan 13 '14 at 21:46

0

You can use the following code :

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

To use with a function callable from event.

answered Jan 13 '14 at 21:46

CodeIsLife

1,205
8
14

thanks...I was hoping I would be able to change it with the texts that is within the DIVs – user3191930 Jan 13 '14 at 21:56

score 0 · Accepted Answer · answered Jan 13 '14 at 22:03

Here you can use like this Inside every anchor, "newTitle" should be class, not ID, because you can not call same ID multiple times from multiple items, so use class instead of 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>

change anchor attribute with div

2 Answers2