如何在激活点击时找到第N个元素

时间:2012-11-25 10:16:31

标签: javascript jquery html

  <p>some text</p>
  <p>some text</p>
  <p>some text</p>
  <p>some text</p>
  <p>some text</p>
  <p>some text</p>
  <p>some text</p>

有没有办法在随机点击鼠标时识别出来。

无论如何通过鼠标获得所选的第n个元素?

编辑:当我们点击一​​个段落时,我正在使用jquery

3 个答案:

答案 0 :(得分:4)

这会记录单击的段落的索引。

var $elems = $('p');
$elems.on('click', function(e) {
    var indexOfElem = $elems.index(this);
    console.log("Element with index: " + indexOfElem + " was clicked.");
});

这样的东西?

答案 1 :(得分:2)

jQuery中的jQuery index函数返回jQuery对象中元素的位置。要在某个列表中找到被点击元素的位置:

var $elems = $("#context > p");
$elems.on("click", function() {
  var i = $elems.index(this);
  console.log(i); // use the index
});

答案 2 :(得分:1)

试试这个:

    $('p').click(function () {

    alert($('p').index(this));
    });