Question

所以，如果我有......

 <a href="" data-item="14">item 14</a>
 <a href="" data-item="15" class="selected">item 15</a>
 <a href="" data-item="16">item 16</a>

我从20到1中有20个。

如何点击一个没有class =＆＃34;选择＆＃34;的项目上的if语句？

 if i click on 14, then it's less than 15.. do this  
 if i click on 16, it is more than 15.. do this

以下编辑解释方案。

项目

 <a href="" data-item="14">item 14</a>
 <a href="" data-item="15" class="selected">item 15</a>
 <a href="" data-item="16">item 16</a>

如果点击数据项14（小于所选项目） - 那么这样做.. 如果单击数据项16（超过所选项目） - 则执行此操作..

感谢。

Answer 1

在jQuery中使用not()，data()和click()方法执行此操作也会添加event.preventDefault()以防止默认操作

$("a[data-item]").not(".selected").click(function(e){
     e.preventDefault()
     var sel = parseInt($(".selected").data("item"),10);
     if(parseInt($(this).data("item"),10) > sel)
     {
          //do this
     }
     else
     {
          //do this
     }
});

<强> DEMO

Answer 2

尝试在Jquery中使用data()和click()方法，如下所示： -

$('a[class!="selected"][data-item]').click(function(e){
  e.preventDefault();  //disable default action 
  var selval = $('a.selected').data('item');
  if(parseInt($(this).data('item')) < parseInt(selval) ){ //use parseint() because you are dealing with numbers here
      //do stuff
   }
  else{
      //do stuff
   }
});

Working Demo

jquery如果小于现有数据值

2 个答案: