javascript - 获取特定标签的索引

Question

如何只获取点击段落的索引，而不计算文本区域的索引？

html代码:

<div class="story">
<p>index is 0, that's ok</p>
<textarea></textarea>
<p>index is 2, should be 1</p>
<textarea></textarea>
<p>index is 4, should be 2</p>
</div>

js:

$(".story > p").click(function() {
    var a = $(this).index();
    alert (a);
});

Answer 1

$.index(selector) :代表要在其中查找元素的 jQuery 集合的选择器。

$(".story > p").click(function() {
    var a = $(this).index("p");
    alert (a);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="story">
<p>index is 0, that's ok</p>
<textarea></textarea>
<p>index is 2, should be 1</p>
<textarea></textarea>
<p>index is 4, should be 2</p>
</div>