javascript - 改变 div 的使用 jquery 问题？

Question

我有这个点击功能注意点击它应该使用jquery改变几个css值，这里是:

$('a.note').click(function(){
     $('#leftpanel').css('border-left-width', '20px');
      $('#commentbox').css('visibility', 'hidden');
     $('.date').css('visibility', 'visible');
});

html:

<div id="leftpanel>blahbalhbalh number 1</div>
<div id="leftpanel>blahbalhbalh number 2</div>

但 jquery 只更改第一个 leftpanel div 的 css，而不是第二个 div，我该如何解决这个问题或者这是一个问题，谢谢!!!!

Answer 1

id 每个页面的每个元素应该是唯一的，这是你的问题，你应该这样做:

<div id="leftpanel">blahbalhbalh number 1</div>
<div id="leftpanel2">blahbalhbalh number 2</div>

或者如果你愿意，你可以使用相同的类:

<div class="leftpanel">blahbalhbalh number 1</div>
<div class="leftpanel">blahbalhbalh number 2</div>

然后您也可以使用 jQuery 通过类来定位。