您的位置:首页 > Web前端 > JQuery

使用JQuery控制某个标签的class

2011-11-18 10:23 176 查看
jsp页面中设置了标签

<input type="hidden" id="hidId" name="hidId" value="${ id }" />
<ul id="tiezi">
<%
int i = 0;
List<ProblemBean> problemList = (List<ProblemBean>)request.getAttribute("problemlist");
if(null != problemList && problemList.size()>0){
for(ProblemBean item : problemList){
i++;
%>
<li>
<h4 id="<%=item.getId() %>" class="off"><%=i %>、<%=item.getTitle() %></h4>
<div class="con1">
<div class="answer">
<p><%=item.getAnswer() %></p>
</div>
</div>
</li>
<%}
} %>
</ul>


.js页面

jQuery(document).ready(function () {
var id = document.getElementById("hidId").value;
if(id != ""){
var obj = jQuery('h4[id='+id+']');
obj.removeClass();
obj.addClass('on');
obj.next().show();
}
});


removeClass()是去除标签原有的Class,然后通过增加一个Class来实现控制。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: