jquery里为HTML元素设置点击事件，符合条件便禁止点击实现的方法

Posted 2023-03-09

$(".mark_list_r").click(function()
$(this).addClass("mark_list_r_slect");
var text=$(this).text();
//使用html方法创建元素
var mark_item_li="<li class='mark_color mark_add mark_li'><span class='mark_close'><img src='../../img2/images/mark_close.png'></span></li>";
$(".mark_item").append(mark_item_li);
$(".mark_item").find("li:last").prepend(text);
$(".mark_close").click(function()
$(this).parent().hide();
);

var li_number=$(".mark_item li").size();
// alert(li_number);
if(li_number > 5)

);

<ul class="block_line mark_color mark_item pull-left">
<li class="mark_color mark_add"> 油耗<span class="mark_close"><img src="../../img2/images/mark_close.png" alt="close"></span></li>

</ul>
<div class="mark_text">
<span class="mark_list_r">熄火</span>
<span class="mark_list_r">油耗</span>
<span class="mark_list_r">摩车</span>
<span class="mark_list_r">启动慢</span>
<span class="mark_list_r">熄火</span>
<span class="mark_list_r">油耗</span>
<span class="mark_list_r">摩车</span>
<span class="mark_list_r">启动慢</span>
</div>
我想控制<ul></ul>下面<li></li>的个数，在jquery里也就是click事件符合条件就不再执行，里面if怎么写

把代码中的if(li_number > 5)
改成
if(li_number > 5) $(".mark_list_r").unbind('click');
超出5个就移除绑定的点击事件，那样再点击就没作用了。 参考技术A 例如:
如题:随机生成一个数.当数字大于10则弹出提示框
<input type="button" id="test" value="点击生成一个随机数"/>
$("#test").click(function ()
var num = GetRandomNum(1,20);
if(num>10)
alert(num);
);
function GetRandomNum(Min,Max)

var Range = Max - Min;
var Rand = Math.random();
return(Min + Math.round(Rand * Range));
参考技术B 用jquery的unbind()方法就行