使用jquery问题改变div?

时间:2010-12-26 06:32:58

标签: javascript jquery css html

我有点击功能note点击它时应该使用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,而不是第二个,我怎么能解决这个问题,或者问题是什么,谢谢!!!!

1 个答案:

答案 0 :(得分:1)

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

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

如果您愿意,也可以使用相同的class

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

然后你也可以使用jQuery来通过类进行定位。