Javascript jQuery-从具有特定类的元素列表中获取单击项的索引
我收集了以下格式的元素:Javascript jQuery-从具有特定类的元素列表中获取单击项的索引,javascript,jquery,html,Javascript,Jquery,Html,我收集了以下格式的元素: <div class="row feed"> <div class="col-sm-4 inner"><span></span></div> <div class="col-sm-4 inner"><span></span></div> <div class="col-sm-4 inner"><span></
<div class="row feed">
<div class="col-sm-4 inner"><span></span></div>
<div class="col-sm-4 inner"><span></span></div>
<div class="col-sm-4 inner"><span></span></div>
<div class="clearfix visible-sm"></div>
<div class="col-sm-4 inner"><span></span></div>
<div class="col-sm-4 inner"><span></span></div>
<div class="col-sm-4 inner"><span></span></div>
<div class="clearfix visible-sm"></div>
</div>
但这只给出了-1,这意味着找不到元素。尝试将其更改为
console.log(activeElement.index(".inner"));
试着把它改成
console.log(activeElement.index(".inner"));
这是因为$.feed:not.clearfix集合中不存在单击元素的父元素。您应该选择.feed元素的子元素,而不是.feed元素。一种选择是:
$(".feed > div:not(.clearfix)").index(activeElement);
这是因为$.feed:not.clearfix集合中不存在单击元素的父元素。您应该选择.feed元素的子元素,而不是.feed元素。一种选择是:
$(".feed > div:not(.clearfix)").index(activeElement);
你很接近。您需要获取与.feed元素的直接子元素相关的索引 它的父元素不在集合的根目录中。feed:not.clearfix,因此您需要选择.feed的直接子元素。这样,索引将与.feed的直接子元素相关,而不是与.feed本身相关 在下面的示例中,使用了direct:
$(document).on("click", ".feed .inner span", function() {
var index = $(".feed > :not(.clearfix)").index($(this).parent());
});
你很接近。您需要获取与.feed元素的直接子元素相关的索引 它的父元素不在集合的根目录中。feed:not.clearfix,因此您需要选择.feed的直接子元素。这样,索引将与.feed的直接子元素相关,而不是与.feed本身相关 在下面的示例中,使用了direct:
$(document).on("click", ".feed .inner span", function() {
var index = $(".feed > :not(.clearfix)").index($(this).parent());
});
是的,使用jQuery函数,您可以传递一个参数,告诉它获取相对于一组元素的索引
$document.onclick.feed.internal span,函数{
console.log$this.parent.index'div.col-sm-6.inner';
};
1.
2.
3.
4.
5.
6.
是的,使用jQuery函数,您可以传递一个参数,告诉它获取相对于一组元素的索引
$document.onclick.feed.internal span,函数{
console.log$this.parent.index'div.col-sm-6.inner';
};
1.
2.
3.
4.
5.
6.
为什么只尝试向html添加属性
那么您只需要这样的$[data index='1']为什么只尝试向html添加属性 那么您只需要这样的$[data index='1']