单击使用选择器的文档

时间:2016-06-21 05:04:50

标签: javascript jquery onclick

如何在点击时使用文档获取包含项目。

var this_main = $(this);
     $(document).this_main.on('click', '.nav-circlepop a.prev', function(){
});

我做错了什么?

4 个答案:

答案 0 :(得分:0)

使用这些。 .on()方法将事件处理程序附加到jQuery对象中当前选定的元素集

 $(this_main).on('click', '.nav-circlepop a.prev', function () {
    });

答案 1 :(得分:0)

您只是使用了过多的代码:

$('.nav-circlepop a.prev').click(function(){
  console.log('worked');
});

答案 2 :(得分:0)

您可以使用text方法获取文字。

由于您未提供任何HTML,我认为以下HTML代码段接近您的代码

<强> HTML

<div class = "nav-circlepop">
<a class = "prev" href=""> Anchor tag text </a>
</div>

<强>的jQuery

$(document).on('click', '.nav-circlepop a.prev', function(event){
    event.preventDefault();
     document.write('<pre>'+$(this).text()+'</pre>')
});

代码说明

$(document).on('click', '.nav-circlepop a.prev',function(event){})

文档上的任何点击事件都将委托给目标元素。

这里第二个参数代表目标元素。

其中.nav-circlepop是父元素,锚标记a是子元素。此锚标记a有一个类prev。因此,目标元素为a.prev

选中此DEMO

答案 3 :(得分:0)

我不知道你想做什么,但它只是为了你的想法

$.tablesorter.addParser({
  id: 'thousands',
  is: function(s) {
    return false;
  },
  format: function(s) {
    var number = s.replace(/\$/g, '').replace(/\./g, '').replace(/,/g, '.');
    return $.tablesorter.formatFloat(number);
  },
  type: 'numeric'
});
$(function() {
  $("table").tablesorter({
    theme: 'blue',
    headers: {
      0: {
        sorter: 'thousands'
      }
    }
  });
});