要素の値を取得し、関数を使用して同じ親要素内の別の要素で使用しようとしてい.each()
ます。ただし、これは機能しないようです。ここに私が使用しているコードがあります。どこが間違っているのか教えてください。
HTML:
<table>
<tr class="item">
<td>
<img class="thumbnail" src="http://www.domain.com/images/image1.jpg">
</td>
<td>
<p class="img">http://www.domain.com/images/image001.jpg</p>
</td>
</tr>
<tr class="item">
<td>
<img class="thumbnail" src="http://www.domain.com/images/image2.jpg">
</td>
<td>
<p class="img">http://www.domain.com/images/image002.jpg</p>
</td>
</tr>
</table>
JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('.item').each(function() {
$(this).find('.thumbnail').attr('src', $(this).find('.img').html());
)};
)};
</script>
私がしたいのは、<p class="img">
(画像へのURLを含む)のhtmlを取得し、ページの読み込み時にそれを変更することですsrc
。<img class="thumbnail">
助けてください