我有点击功能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,而不是第二个,我怎么能解决这个问题,或者问题是什么,谢谢!!!!
答案 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来通过类进行定位。