在ul

Question

所以我有这个HTML

＆＃13;

＆＃13;

<ul>
  <li onclick="clicked(this.placeinul)"></li>
  <li onclick="clicked(this.placeinul)"></li>
  <li onclick="clicked(this.placeinul)"></li>
</ul>

＆＃13;

＆＃13;

＆＃13; 这个javascript

＆＃13;

＆＃13;

function clicked(placeInUl) {
  console.log(placeInUl)
}

＆＃13;

＆＃13;

＆＃13; 因此，当我例如点击第一个li时它将打印1或如果我点击最后一个li它将打印3。 我该怎么做？

Answer 1

编辑：普通的js版本

＆＃13;

＆＃13;

function clicked(index) {
  alert(index+1);
}

＆＃13;

li { cursor: pointer; }

＆＃13;

<ul>
  <li onclick='clicked(Array.prototype.indexOf.call(this.parentElement.children, this));'>1</li>
  <li onclick='clicked(Array.prototype.indexOf.call(this.parentElement.children, this));'>2</li>
  <li onclick='clicked(Array.prototype.indexOf.call(this.parentElement.children, this));'>3</li>
</ul>

＆＃13;

＆＃13;

＆＃13;