Question

jquery里面的each不能遍历

cloumn1和cloumn2同一行左右排列，高度是根据内容自适应的，当cloumn2内容较多的时候，高度会变成两倍，这时希望用js重设cloumn1的高度，主要代码如下。现在遇到问题是：输出结果仅对第一个infotable对象有效，对第二、第三个不起作用，请教原因，并请教该怎么改？

<div id="infotable">
<div id="cloumn1"><li>联系电话</li></div>
<div id="cloumn2"><li>123456789</li></div>
</div>
<div id="infotable">

<div id="cloumn1"><li>备注</li></div>
<div id="cloumn2"><li>aaaaaaaaaaaaaaa</li></div>
</div>
<div id="infotable">

<div id="cloumn1"><li>名称</li></div>
<div id="cloumn2"><li>bbbbbbbbbbbb</li></div>
</div>

<script type="text/javascript">

$.each($("#infotable"),function(){
var lh = $("#cloumn1").height();
var rh = $("#cloumn2").height();
if(rh>lh);
$("#cloumn1").height(rh+"px");
$("#cloumn1").css("line-height",rh+"px");
});
</script>

Answer 1

id不要重名 你把id="infotable" 全部改成class="infotable" ,然后这样就可以了

$(".infotable").each(function(){
        var lh = $("#cloumn1").height();
        var rh = $("#cloumn2").height(); 
        console.log(lh);
        console.log(rh);
           if(rh>lh){
           	 $("#cloumn1").height(rh+"px");
		  	 $("#cloumn1").css("line-height",rh+"px");
           }

     });

追问

只把infotable从id换成class还不行，再把cloumn1和cloumn2也从id换成class，就可以了。谢谢