87,910
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
* {margin:0;padding:0;}
li {display: inline;float: left;margin:10px;}
a {border:1px solid #ccc;background-color: #eee;}
</style>
</head>
<body>
<ul id="test">
<li><a href="javascript:;" class="e">Click me 1</a></li>
<li><a href="javascript:;" class="e">Click me 2</a></li>
<li><a href="javascript:;" class="e">Click me 3</a></li>
<li><a href="javascript:;" class="e">Click me 4</a></li>
</ul>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$('#test li').each(function(index, el) {
$(el).one('click', function(event) {
// something you need run start.
console.log('test');
// end
$(this).siblings('li').off('click');
});
});
</script>
</body>
</html>
这个意思?