Question

jquery获取alt

<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
$("#xx1").click(function(){
alert($(this).attr("alt"));
$("#q1").html(this);
});
});
</script>
<img src="index.jpg" width="194" height="83" alt="成功了1" id="xx1">
<img src="index.jpg" width="194" height="83" alt="成功了2" id="xx2">
<img src="index.jpg" width="194" height="83" alt="成功了3" id="xx3">
<p id="q1">1</P>
<p id="q2">2</P>
<p id="q3">3</P>
我想写把三张图片的alt的值获取.然后输入到q1,q2,q3里面..要怎么样循环写呢

Answer 1

<script >
$(document).ready(function(){
$("img[id^='xx']").click(function(){ //找到img标签下ID以XX开头的元素
var i=$(this).index()+1 //获取点击的元素的index()值 该值起始是0 所以要加1
$("p[id=q"+(i)+"]").html($(this).attr("alt")) //获取元素p id开头等于q 结尾等于img的index()的元素，并改变他的值
})
})
</script>
<img alt="aaa" id="xx1" /><img alt="bbb" id="xx2" /><img alt="ccc" id="xx3" />
<p id="q1"></p><p id="q2"></p><p id="q3"></p>

Answer 2

<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script>
/*$(function(){
$("img").click(function(){
alert($(this).attr("alt"));
//$("#q1").html(this);
$("p:eq(0)").append($(this));
});
});*/
$(function(){
$.each($("img"),function(index){
$("img:eq("+index+")").click(function(){
alert($(this).attr("alt"));
$("p:eq("+index+")").html(this);
});
})
})
</script>
<img src="index.jpg" width="194" height="83" alt="成功了1" id="xx1">
<img src="index.jpg" width="194" height="83" alt="成功了2" id="xx2">
<img src="index.jpg" width="194" height="83" alt="成功了3" id="xx3">
<p id="q1">1</P>
<p id="q2">2</P>
<p id="q3">3</P>
看看这个好使不，不清楚你的目的所以写了两种。你可以用下面的一种，也可以去掉上面的那个注释。使上注释中的一种。

Answer 3

var p = $('p');$('img').each(function(i){
p.eq(i).text(this.attr('alt'))
})

Answer 4

$("img").each(function(i){
$("p[id=q" + ( i + 1 ) + "]").text( $(this).val() );
})