使用JQuery控制某个标签的class

最新推荐文章于 2021-06-19 09:52:06 发布

chnj1981

最新推荐文章于 2021-06-19 09:52:06 发布

阅读量2.1k

点赞数

分类专栏： Java JavaScript 文章标签： jquery class function div jsp input

本文链接：https://blog.csdn.net/chnj1981/article/details/6987370

版权

Java 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

JavaScript

6 篇文章 0 订阅

订阅专栏

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来实现控制。