javascript - How to find Nth Element , when a click is activated - Stack Overflow

  <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>

Is there any way to identify that when a mouse is clicked at random.

Is there anyway to get nth element of the selected through mouse ?

edit: when we click over a paragraph, i am using jquery

  <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>

Is there any way to identify that when a mouse is clicked at random.

Is there anyway to get nth element of the selected through mouse ?

edit: when we click over a paragraph, i am using jquery

• javascript
• jquery
• html

Share Improve this question Follow edited Nov 25, 2012 at 10:29 John Dvorak 27.3k1313 gold badges7272 silver badges8686 bronze badges asked Nov 25, 2012 at 10:16 user708537user708537 5

• 1 what do you mean by selected through mouse? – Joseph Commented Nov 25, 2012 at 10:18
• You mean, how to find the position of the element that was clicked? – John Dvorak Commented Nov 25, 2012 at 10:18
• @JanDvorak yeah i am using jquery, yes when clicked through mouse – user708537 Commented Nov 25, 2012 at 10:25
• 1 What is n in this case? How is the nth element related to the clicked element? – Felix Kling Commented Nov 25, 2012 at 10:41
• possible duplicate of jQuery: best way to get the index of an element in an event handler – Felix Kling Commented Nov 25, 2012 at 19:03

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

This logs the index of the paragraph that was clicked.

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

Something like this?

The jQuery index function in jQuery returns the position of an element within the jQuery object. To find the position of the clicked element within some list:

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

try this :

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

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