li点击添加选中样式

li点击添加选中样式


<html>
	<head>
		<meta charset="UTF-8">
		<title>li选中title>
		<style>
		    .selected{font-weight:bold; background: #17A2B8; color:#fff;}
		style>
	head>
	<body>
		<ul id="test">
		    <li>aaali>
		    <li>bbbli>
		    <li>cccli>
		ul>
	body>
html>
<script type="text/javascript" src="js/jquery.min.js" >script>
<script type="text/javascript">
	$(function(){
	    $("#test li").click(function() {
	        $(this).siblings('li').removeClass('selected');  		// 删除其他兄弟元素的样式
	        $(this).addClass('selected');                            // 添加当前元素的样式
	    });
	}); 
script>

你可能感兴趣的:(web)