Hi, Can anyone help as I am new to javascript. I have the following tag layout on a page and i want to update a <p> tag with data from another <p> tag nested inside an <anchor> tag. This nesting is continous for each image load onto my page. I would like to hover over each image and it automatically updates the <p< tag with the relevant text from the nested <p> tag. The images are added to the page dynamically so i dont know how many will be loaded.
<div id’products’>
<a><img src=’myimg1.jpg’><p>Some data here</p></a>
<a><img src=’myimg2.jpg’><p>Some data here</p></a>
<a><img src=’myimg3.jpg’><p>Some data here</p></a>
<a><img src=’myimg4.jpg’><p>Some data here</p></a>
etc……..
</div>
<p>This tag is the one i want filled with the data from above P tag when i hover over each image</p>