<div class="content"> <div class="tab_coupon"> <div data-type="3">已过期<p></p></div> <div data-type="2">已使用<p></p></div> <div class="active" data-type="1">待使用<p></p></div> </div></div> $(function(){ $(".head-title span").click(function(){ history.go(-1); }); $(".tab_coupon > div").off('click').click(function(){ $(".tab_coupon div").removeClass("active"); $(this).addClass("active"); var type = $(this).data("type"); $(".list_coupon div").each(function(n){ $(this).hide(); if(n + 1 == type) $(this).show(); }); }); 此处代码如何修改成点击文字才会触发点击事件
时间: 2024-01-16 13:03:26 浏览: 66
PHP实例开发源码-TP-COUPON php导购系统 免费版.zip
您可以将点击事件绑定到div内部的文本元素上,而不是绑定到整个div元素上。例如:
```
<div class="tab_coupon">
<div data-type="3"><p>已过期</p></div>
<div data-type="2"><p>已使用</p></div>
<div class="active" data-type="1"><p>待使用</p></div>
</div>
```
```
$(".tab_coupon > div > p").off('click').click(function(){
$(".tab_coupon div").removeClass("active");
$(this).parent().addClass("active");
var type = $(this).parent().data("type");
$(".list_coupon div").each(function(n){
$(this).hide();
if(n + 1 == type) $(this).show();
});
});
```
这样,点击div内部的文本元素时才会触发点击事件,而不是整个div元素。
阅读全文