如何在jQuery中获取父元素的索引
在jQuery中，要获取父元素的索引，可以使用.index()方法。以下是一个示例：
// 获取父元素的索引
$('li').each(function() {
var parentIndex = $(this).parent().index();
console.log('父元素的索引: ' + parentIndex);
});在这个示例中，我们使用.each()方法遍历所有的<li>元素，然后使用.parent()方法获取它们的父元素，并使用.index()方法获取父元素的索引。最后，我们使用console.log()方法将父元素的索引打印到控制台。
相关·内容
我想从父树中获取div元素的索引：
$(".row .col a").click(function() {
var e = $(this).parent();
var p = e.parent();
var i = p.index(e);
console.log([e, p, i]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<div cla
浏览 4提问于2015-11-16得票数 2
回答已采纳
1回答
我希望找到带有id tea2的tea2元素的索引，并引用它的父div元素。
例如，id tea2索引应该是1作为对父div元素的引用。注意:我必须在索引中省略这些"br“标记。
let index = $('#tea2').index();
console.log(index);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="">
<
浏览 3提问于2022-09-05得票数 -2
如何在position中获得子元素JQuery？我想让二号进入警戒状态，因为它是第二个孩子！
function where_am_i(element) {
alert("your position is:" + $(element).position_element());
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li>one</li>
浏览 10提问于2022-02-13得票数 2
回答已采纳
4回答
在jquery中，如何获取包含<td>s的第一个表行
到目前为止，我的代码看起来是这样的，但是它不能工作？
$('#mytable tr').has('td:first').html();
谢谢
浏览 0提问于2012-07-30得票数 0
回答已采纳
4回答
有没有人知道如何在jQuery中获取儿童索引。例如：
<ul>
<li>Item 1</li>
<li class="active">Item 2</li>
<li>Item 3</li>
</ul>
我想要得到li.active子索引？有什么办法吗？
浏览 7提问于2014-07-23得票数 0
回答已采纳
参考下面的表格示例，在jQuery中，我如何识别子代编号(低于3)是列的行？ $(".colclass").click(function (e) {
//get td descendant number to tr, ie 3 in this case
});
<table>
<tr>
<td></td>
<td></td>
<td class="colclass"></td>
<td><
浏览 15提问于2020-12-26得票数 1
回答已采纳
1回答
在这里，我只能看到一个元素上的方框，就是我为编辑选择的那个。单击“编辑”时，希望看到所有元素上的框。我该怎么处理呢？
这是我的密码。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
浏览 2提问于2013-09-07得票数 0
回答已采纳
我正在做一个需要大地图的游戏。我所做的是在一个z索引为1的可滚动div (scrollWindow)的背景中设置12k x 12k像素的大地图。
稍后，Ajax调用返回一些JSON数据，这些数据在大型背景映射中添加了许多类(City_Palace)。这些元素的z索引为9。
我还设置了几个mouseover事件，根据光标是在背景中的地图上还是在地图上绘制的城市来做不同的事情。然而，即使城市的z指数比主窗口的z指数高得多，该事件也不会为城市鼠标悬停而触发，因为可滚动窗口位于“顶部”。
当涉及到鼠标事件时，jquery使用什么标准来确定哪个div在“顶部”？看起来z-index并非如此。
下面是一些
浏览 0提问于2013-06-17得票数 1
回答已采纳
2回答
我不知道为什么我没有弄清楚这件事。我一直都在这么做。一定是在享受“星期一的时刻”但是，基本上，这是我所拥有的：
$('#nav ul li a').hover(hoverOn, hoverOff);
function hoverOn (evt) {
//how do I get the index of which button was hovered (from the jQuery group)?
}
我的代码如下所示：
<div id="nav">
<ul>
<li><a href="#"
浏览 0提问于2012-05-08得票数 1
回答已采纳
我试图弄清楚为什么JQuery没有使用我的选择器中的第一项。
<input type="checkbox" id="foo1" value="Hello World">
这是我期望的工作，但返回“未定”。
$("#foo1").checked
奇怪的是这是正确的..。
$("#foo1")[0].checked
我是不是遗漏了什么？我使用的是JQuery 1.9.1和Chrome。
浏览 2提问于2013-09-09得票数 2
回答已采纳
通常，如果我想在JQuery中创建一个单击事件，我会使用以下语法：
$("#test").on("click", function() { console.log($(this)); });
在这里，我可以使用this关键字轻松地引用被单击的元素。
然而，在JQuery UI小部件中，他们想要的格式似乎是：
this._on( $("li", this.list), {
dblclick: function() {
console.log$(this);
}
});
问题是，JQuery UI使用this
浏览 1提问于2013-05-01得票数 0
回答已采纳
我想用tag替换tag，但不是替换所有子元素(只替换父元素)。如何用jQuery来实现呢？
谢谢
浏览 2提问于2010-04-24得票数 1
回答已采纳
我试图得到点击元素的索引。到目前为止这还不错。
问题是您可以使用hide元素。如果一个元素是隐藏的，我不希望它在索引中被“计数”。
如果你看一下小提琴，所有的盒子都是橙色的，指数就是应该的。如果你点击Click me to hide some divs --他们不会被移除，实际上他们在这里得到一个display:none; --他们只是得到另一种颜色来给你一个想法--他们也得到了类hidden，所以现在我不想让索引对它们进行索引。但是，如果我单击1，我希望索引显示Div 2
我试过用$('div').not('hidden')小提琴在这里->
<s
浏览 6提问于2014-09-22得票数 3
回答已采纳
1回答
我想在父div的同一级别上显示在div之上的子div (即父容器中的子div)。我可以使用jQuery和CSS来操作z索引.在下面的示例中，我希望日历位于gridRight的上方，但是z索引为1000，gridRight为2，它仍然没有显示在它上面。用户可以在周围拖动日历。我如何做到这一点，以便日历显示在上面的gridRight？
-The元素具有属性位置:绝对值
这是基本的JSFiddle
我想要能够移动红广场以上的绿色广场，所有的黑色广场仍将显示在绿色广场之下。
浏览 6提问于2012-06-21得票数 1
回答已采纳
1回答
我现在在jQuery遇到了一个不寻常的情况。
我只需要归还身份证的一部分。让我举个例子来解释一下
我在divs下面有几个标签
<div id="x"><label id="price_1">...</label></div>
<div id="y"><label id="price_2">...</label></div>
<div id="z"><label id="price_3"&
浏览 0提问于2014-05-26得票数 2
回答已采纳
切换图像的下列代码按预期工作.直到，由于格式设置的原因，在控件的流中引入了不同的HTML标记。通过插入一个简单的中断标记(下面星号为星号)，后面的块的逻辑转换为一个，即单击
pict/8/tiny将揭晓pict/4/large
pict/4/tiny将揭晓pict/5/large
pict/5/tiny将揭晓pict/6/large
pict/6/tiny将显示一个空白
在段落标记中允许有一个中断标记，但是为什么它会为了javascript的目的而混淆跨度呢？怎么解决这个问题呢？
$(document).ready(function() {
$(
浏览 0提问于2019-09-05得票数 0
回答已采纳
我更新了我的代码并修改了我的问题：
我正在尝试创建以下条件。当单击带有空href属性的链接(例如href="")时，将启动一个模式，并防止该链接的默认行为。
但是，当href属性包含一个值(href="www.something.com")时，我希望链接能够像往常一样使用默认行为工作。
出于某种原因，我的代码不起作用。任何帮助都是非常感谢的。
// Semicolon (;) to ensure closing of earlier scripting
// Encapsulation
// $ is assigned to
浏览 0提问于2015-09-10得票数 1
回答已采纳
我试图使div显示在悬停，但我希望它悬停在div已经存在，而不是按下现在的div。我认为z指数会有帮助，但这是行不通的。有人能给我一个好的建议吗？
Jquery
$(document).ready(function(){
$('#services-skills').hover(function(){
$('#services-skills').css('position','relative');
$('.service-info').css("display"
浏览 3提问于2013-09-16得票数 0
回答已采纳
嗨，请看下面的HTML。我试图使用jQuery来获取每个DIV上的第三个实例，class="box"包含在DIV中，class="entry"中有一个没有右手边距的：
我的HTML代码：
<div class="entry">
<div class="box">
SOME HTML....
</div><!-- end .box -->
<div class="box">
SOME HTML...
浏览 5提问于2010-01-08得票数 7
回答已采纳
我有一个附加到固定导航栏的下拉菜单。类似于目前的Twitter设计所使用的。
下面是这个问题的链接： (它已经被更新，比以前的迭代简单得多)
我使用jQuery来使菜单出现/消失，它工作得很好。菜单在工具栏上方而不是工具栏下方显示动画。
我不明白为什么z-index没有覆盖下拉菜单中通常的可视化堆栈？
下面是相关的CSS属性
#top-stuff{
position:fixed;
top:0;
left:0;
z-index:12;
width:100%;
}
.dropdown {
position: absolute;
z-inde
浏览 2提问于2011-05-26得票数 1
回答已采纳
1回答
我想避免父div z索引.用任何插件都可以吗？
<div id="1">
<div id="2"></div>
</div>
div与id 1 = 950 of z-index
div与id 2 =1的z-索引，但在单击事件中，它等于z-索引的9999。
我有一个弹出式(exposemask)，等于z-索引的9998 .
我想要做的是，当弹出窗口处于活动状态时，向div显示id 2。然而，div与id 1覆盖它的z索引。因为它是带有div的id 2的父级，所以我不应该用id 1来更改div的z索引。
浏览 3提问于2013-11-21得票数 0
回答已采纳
我遇到了一个奇怪的错误，这似乎是特定于nth-child选择语法的jQuery。我可以成功地使用$('list').each()只通过下面HTML中的列表，但是当使用nth-child选择子句时，它似乎计算了两个list块之间的<br />标记。
对于HTML：
<list id="c" view="vw_project_content" where="`project` = %%2%%">
<item>
<b>$$title$$</b><b
浏览 0提问于2017-05-04得票数 0
回答已采纳
假设我有一个页面，它提取了一些图像源，如下所示：
<div id="d">
<img src="foo.gif"/>
<img src="bar.gif"/>
<img src="gah.gif"/>
</div>
<script type="text/javascript">
var srcs = $('div#d > img').map(function(){return this.src});
/
浏览 2提问于2011-06-06得票数 10
回答已采纳
当单击单个链接时，我试图更改图像的src (我只有3)。
所以，如果我点击链接#1，src就会改变，如果我点击链接#2，它就会改变为其他的东西，有点像一个基本的图像滑块。
下面是一个简化的示例：
我尝试过的jquery：
var images = [
"http://lorempixel.com/400/200/",
"http://linenwoods.com/images/kitten.png",
"http://linenwoods.com/images/third.png"
],
links = $(
浏览 5提问于2013-11-24得票数 0
回答已采纳
1回答
$('td.tabs').on('click', 'div:not(.current)', function() {
$("#log").prepend("<hr> Now fake Index = " + $(this).index()) ;
$(this).addClass('current').siblings().removeClass('current').parents('div.section').find('di
浏览 0提问于2013-06-02得票数 0
回答已采纳
1回答
名为".content“的父容器包含各种子容器，这些子容器是动态创建的。我试着不去做每一个循环，把孩子们和点击的孩子进行比较。
这段代码告诉我我有多少个类型的子类。
$(this).parents(".content").children(".r-s, .r-f").length
举个例子，上面的长度等于5，我需要知道在(0-4或1-5)子中选择了哪一个。
我一直在查看jQuery.is()，希望得到一个答案，.is()似乎也很有希望。有什么建议吗？
浏览 0提问于2018-04-15得票数 0
回答已采纳
3回答
使用JQuery时，我希望在单击驻留在此BootStrap选项卡列表中的tabpanel中的button时，获取当前BootStrap的索引。
<ul id="mytabs" class="nav nav-pills nav-wizard pill-font"
role="tablist" data-tabs="tabs">
<li role="presentation" class="active"><a href="#start"
浏览 10提问于2016-10-27得票数 2
回答已采纳
4回答
我想在特定位置添加一个<li>，例如：
<ul id="list">
<li>Position 1</li>
<li>Position 2</li>
<li>Position 4</li>
<ul>
假设我想在<li>Position 2</li>下面/后面添加一个新的<li>，我如何使用jQuery来完成呢？
我试着用下面的代码来实现：
$('#list li:eq(1)').append(&#
浏览 0提问于2010-05-29得票数 45
我对jquery非常陌生。是否有人可以帮助我在列表视图中获取父级，当我们单击特定的父级时，我们必须获得相应的子级。
我的XMl文件：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<page count="56" name="ebook">
<sections>
<section count="7" name="Seduce Your Partner
浏览 6提问于2013-04-24得票数 0
在jquery UI中，使用他们的最新版本，我不能再获得所选选项卡的ID。我尝试了中的ui.index，但它给了我不明确的信息。
现在有人知道怎么做了吗？
$( "#tabs" ).bind( "tabsactivate", function(event, ui) {
alert(ui.index);
});
在这段代码中，我每次选择一个新选项卡时都会收到警告，但它显示为未定义。
谢谢
浏览 2提问于2013-06-02得票数 2
回答已采纳
我试图从下面的html中使用jQuery查找元素。
<ul class="gdl-toggle-box">
<li class="">
<h2 class="toggle-box-title"><span class="toggle-box-icon"></span>Volunteer Form</h2>
<div class="toggle-box-content" style="">
浏览 3提问于2013-05-07得票数 0
当然，我试过：
function show() {
this.parent.childNodes[1].childNodes[1].visibility = 'hidden';
}
但调试器说，父母没有财产子。我做错什么了伙计们？我不能使用jQuery，我在托管的use服务器上。
浏览 0提问于2015-09-21得票数 0
回答已采纳
3回答
小提琴-
我知道我可以使用$(element).children().length获取元素的整个子列表的数值，但是如何获取特定子元素的位置呢？
下面是我想学的东西的图片：
JavaScript/jQuery
$(".spectacle-contenu *").on('mousedown touchstart', function() {
$(".grab-contenu").val(
$(".spectacle-contenu").children().length
);
});
<input
浏览 5提问于2014-08-22得票数 1
回答已采纳
**编辑**非常抱歉。我需要td索引，而不是row索引。
如何使用jQuery获取td lblName所在的索引？
<table>
<tr>
<td>
</td>
<td>
<label id="lblName" />
</td>
<td>
浏览 0提问于2012-02-06得票数 9
回答已采纳
3回答
我对如何正确地选择父项有点困惑，那就是2DIV‘s up。
换句话说，我的HTML看起来像这样：
<div>Folder</div>
<div class="file_info">
<a href="test.jpg">Test File</a>
</div>
这是我当前的jQuery：$("a[href$='.jpg']").addClass("Image");
但是，我不想将类添加到<a>，相反，我想将类添加到上面的
浏览 1提问于2009-08-20得票数 3
回答已采纳
4回答
如何使用jquery获取所有元素的父元素？我希望将这些父代保存在一个变量中，这样以后就可以用作选择器。
例如<div><a><img id="myImg"/></a></div>
GetParents('myImg')；将返回"div a“之类的内容
浏览 2提问于2009-04-14得票数 10
回答已采纳
在jQuery中，我从一个表单中添加了一些文本，并且输入的文本被附加到某些元素中。在那之前，它的措辞很好。但是我已经在每个添加的元素中放置了一个删除链接。因此，当有人单击remove按钮时，它将从标记中删除选定的元素。
我有这样的标记
<div id="wrap">
<div id="sortMe">
<div id="item_4">Test 4</div><div id="item_2">Test 2</div><div id=&#
浏览 2提问于2014-01-16得票数 1
回答已采纳
4回答
我正在尝试获取当前项目的索引
<ul id="navbar">
<li><a href="#a">Link</a></li>
<li><a href="#b">Link</a></li>
<li><a href="#c">Link</a></li>
<li><a href="#d">Link</a&g
浏览 2提问于2010-12-17得票数 3
回答已采纳
1回答
我有一个jQuery自动完成框，在它下面有相对和绝对放置的项目。当结果框打开时，结果框被它下面的元素所覆盖。下拉框下面项目的z-index小于10。
我找不到结果框或结果项的名称来设置更高的z索引。
就像这样
#autocomplete_results{
z-index: 20
}
我的html：
<div class="normal"><input id="college" class="inputField" type="text" name="college" placeholder
浏览 0提问于2012-08-29得票数 0
回答已采纳
1回答
我使用的是Jquery Mobile 1.0
我想要在jquery mobile中像这样的精确控制。
但我不想显示不同的选项卡，而是希望在警告框中检索tabid。
我们对jquery mobile也有同样的控制吗？
提前谢谢。
浏览 2提问于2012-01-18得票数 0
2回答
我是JavaScript和jQuery的新手。
我正在写一个网站，使用AJAX来更新服务器的文件评级。这个想法是，当我得到响应(即成功或失败)时，我应该更新表的一些值。但是，我遇到了很多麻烦，因为我似乎无法正确地在DOM中导航。
我的HTML感兴趣的片段是这样的：
<tr>
<td><a href="some_url">some_name</a></td>
<td>Yes</td>
<td>Tag</td>
<td>0</
浏览 5提问于2015-01-03得票数 0
我用jQuery编写了一些代码，如下所示：
$(".middleContent").not(this).slideUp();
(这=当前活动的.middleContent元素)
我想知道JavaScript是如何知道DOM中的元素索引的。
我知道每个对象都是唯一的，但是如果你有几个具有相同类的元素，它如何区分它们呢？它要做的是在所有元素的树中索引它，就像程序如何在RAM中有一个地址一样？
浏览 0提问于2010-07-27得票数 1
2回答
我用的是wordpress，我用的是一个叫做"meteor slideshows“的插件，我相信它就是jQuery。我试图将一个小部件绝对定位在幻灯片上，然而，它不能正常工作。
这是我的模板代码：
<div class="headersliderarea"> <!-- beginning of placing postitnote -->
<div style="clear:both;"><!-- start slideshow --></div><!-- end
浏览 0提问于2012-08-27得票数 2
回答已采纳
IE是否不支持CSS中的z索引？我正在使用 jQuery库来选择图像的某些部分。我的代码在Chrome和Mozilla上运行得很好，但在IE上就不行了。
浏览 1提问于2011-01-11得票数 0
回答已采纳
我有一个带有一些样式的td的表格(我放了截图，因为td的内容很大)
现在，我想在这个表中添加一些css，因此我尝试逐个选择它的td，如果它的类是这样的，并应用如下样式：
jQuery(".graTabbedComponentDefaultTabs").parent('table').css('position','relative');
但是什么都没有happens....Do你看到问题了吗？
提前谢谢。
浏览 3提问于2011-04-06得票数 0
回答已采纳
2回答
嘿，伙计们，看看我的代码，下面是HTML代码：
<div id="container">
<div class="dialog">
<div class="preScroll">
<div class="header">header</div>
<div class="scroller">
<div>
浏览 3提问于2015-05-28得票数 2
1回答
如何搜索从给定元素开始的下一个元素(例如，输入)(他们不是下一个兄弟姐妹)
下面的示例()我需要设置一个"categ“值，该值最初具有"prod”值。
在"prod“中，我应该搜索下一个”输入“：
$("input.categ").val("cat");
$("input.prod").next("input").val("dog");
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jque
浏览 0提问于2019-01-16得票数 0
回答已采纳
我想要具有相同类的下一个元素。因此，我在类"calculationContainer“上有一个单击操作。当我单击这个元素时，我想要访问类为"calculationContainer“的下一个元素。但是我所有的尝试都不起作用。也许有人能帮我这个忙？
我有这个HTML代码：
<div class="body">
<div class="inner">
<div class="calculationContainer">
<div class=&#
浏览 0提问于2016-04-29得票数 9
回答已采纳
<dl>
<dt>title</dt>
<dd>first
</dd>
<dd>second
</dd>
<dd> third
</dd>
</dl>
只有最后一次尝试给我正确的结果，这是我的代码中的错误或任何错误吗？我使用jQuery1.10.1。
var h=$("dl").find("dd:first-child").html();
alert(h);
var h2=$("d
浏览 2提问于2013-11-25得票数 0
回答已采纳
3回答
我对JQuery很陌生，并使用span元素动态地向h1元素追加一个值。
<h1>Height: <span class="height"></span></h1>
现在，我想获取span元素的值，并将其用于其他地方。我试过在JQuery上做这个，但是没有用。
var height = $(".height").val();
什么是正确的方法呢？
浏览 6提问于2016-09-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
