获取单击列表元素的索引

时间:2016-07-28 13:21:08

标签: javascript jquery html

如何获取列表中单击元素的索引?

所以,如果我有以下列表:

  • 第一
  • 第二
  • 第三

当我点击Third时,如果索引以2开头,我想获取索引0

使用我的代码我只得到0 s:

HTML:

<ul>
  <li><a href="#" class="listElem">First</a></li>
  <li><a href="#" class="listElem">Second</a></li>
  <li><a href="#" class="listElem">Third</a></li>
</ul>

JS:

$(".listElem").click(function(param) {
  console.log($(this).index());
});

Here is a fiddle

3 个答案:

答案 0 :(得分:4)

您应该使用parent()返回li DEMO

的索引
$(".listElem").click(function(param) {
  console.log($(this).parent().index());
});

答案 1 :(得分:0)

使用此:

template <typename...> struct always_false : std::false_type {};

template<typename T, typename U> double convert(double) {
  static_assert(always_false<T, U>::value, "No specialization exists!");
}

template <> double convert<Kilometer, Mile>(double val) { return val/1609.344; }
template <> double convert<Mile, Kilometer>(double val) { return 1609.344*val; }

DEMO

答案 2 :(得分:0)

试试这个

<xsl:if test="exists($sortedNumbers) and $sortedNumbers = 'true' >