获取数组中单击的indexOf按钮的父级
可以通过以下步骤完成：
- 首先，创建一个包含多个按钮的数组，并给每个按钮添加一个点击事件处理程序。
- 在每个按钮的点击事件处理程序中，获取被点击按钮的索引值，可以使用indexOf()方法来获取按钮在数组中的索引位置。
- 使用按钮的索引值作为参数，通过父级元素的属性或方法来获取其父级元素。
- 最后，可以将获取到的父级元素用于后续操作，例如修改样式、添加/删除元素等。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>获取数组中单击的indexOf按钮的父级</title>
</head>
<body>
<button onclick="getButtonParent(this)">按钮1</button>
<button onclick="getButtonParent(this)">按钮2</button>
<button onclick="getButtonParent(this)">按钮3</button>
<script>
function getButtonParent(button) {
var buttons = Array.from(document.getElementsByTagName('button'));
var buttonIndex = buttons.indexOf(button);
var parentElement = button.parentNode;
console.log(parentElement); // 输出获取到的父级元素
// 可以在这里进行后续操作，例如修改样式、添加/删除元素等
}
</script>
</body>
</html>这段代码中，我们创建了一个包含三个按钮的数组，并给每个按钮添加了一个点击事件处理程序。在点击事件处理程序中，我们通过indexOf()方法获取了被点击按钮在数组中的索引值，并使用parentNode属性获取了按钮的父级元素。最后，我们可以在控制台输出父级元素或进行其他后续操作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云计算（云服务器）：提供可扩展的云计算服务，具备高性能、高可用性和高安全性。详情请参考腾讯云云服务器
- 腾讯云对象存储（COS）：提供高可靠、低成本、安全可扩展的对象存储服务，适用于存储和处理任意数量、任意类型的数据。详情请参考腾讯云对象存储
- 腾讯云数据库（云数据库SQL Server）：提供可弹性扩展的云数据库服务，支持SQL Server数据库引擎，适用于企业级应用、网站和移动应用程序。详情请参考腾讯云云数据库SQL Server
- 腾讯云容器服务（TKE）：提供高可用、弹性扩展的容器集群管理服务，支持容器化应用的部署、管理和自动化运维。详情请参考腾讯云容器服务
- 腾讯云人工智能（腾讯云AI）：提供丰富的人工智能能力和解决方案，包括图像识别、语音识别、自然语言处理等。详情请参考腾讯云人工智能
- 腾讯云物联网开发平台（物联网通信）：为物联网应用提供了一站式解决方案，包括设备管理、数据管理、应用开发等。详情请参考腾讯云物联网开发平台 请注意，以上仅为腾讯云相关产品的示例，其他品牌商的类似产品和服务也可根据具体需求进行选择。
相关·内容
我已经创建了一个将元素添加到数组列表的函数，它成功地工作了： function add(){ <p>"+input.value+"</p></div>");
} 我想在单击&
浏览 17提问于2020-03-14得票数 0
预先谢谢，在按钮被点击后，我正在尝试获取数组中按钮的位置。按钮是组组件的一部分。<s:Button id="endEvent" label="Test" color="black" width="100" click="endEventBtn(event);" />
在应用程序中，MouseEvent.CLICK,
浏览 2提问于2015-02-05得票数 1
回答已采纳
1回答
我有一个父组件，它有一个子组件数组，每次单击next按钮时都会显示下一个子组件。每个孩子都获得数据和onSubmit道具，并根据数据道具管理自己的状态。当单击next按钮时，我想使用子状态执行onSubmit prop，并用子状态更新父数据并将其发送给下一个子状态。我试着在每个孩子身上做这样的事情：但
浏览 19提问于2020-11-16得票数 1
我有一个待办事项列表，其中包含孙辈中的一个删除按钮，当单击该按钮时，会触发父级中的一个事件--我希望此事件删除与所单击的孙辈对应的数组项。父级(包含数组和我对函数的尝试) { name: 'task1', isComplete: fals
浏览 0提问于2018-01-22得票数 8
回答已采纳
1回答
父组件中有对象数组：routerLink="sticker-details/{{sticker.id}}">当我单击此按钮时，它只创建新的空对象并将其添加到数组中。然后，当我单击这个对象时，它会打开一个子级的组件读取模板，我
浏览 2提问于2018-01-04得票数 0
1回答
将筛选器属性传递给父组件
、、、
父级
父级 events.length === 0 ?所以我创建了一个过滤器组件，它也通过redux状态获取数据。this.state.filteredEvents || )：
但是，当我<em
浏览 3提问于2017-10-05得票数 1
回答已采纳
我有一个带有编辑、更新和取消按钮的Wpf Datagrid。最初编辑按钮变为可见，单击编辑按钮时更新和取消按钮变为可见。
这里的问题是，当我单击编辑按钮时，更新和取消按钮对网格中的所有行都是可见的。我希望它只对网格中选定的行可见。
浏览 1提问于2012-01-05得票数 0
我在父用户控件上有一个Button，在子用户控件上有一个文本框。我的意思是，我想要从父级获得子级用户控件值。
我如何在asp.net中做到这一点。
浏览 0提问于2011-07-08得票数 1
1回答
我怎么会有一个向UITableView中添加部分的按钮呢？我知道如何在没有添加节和只有一个列表的情况下做到这一点，但是您如何允许用户添加节以及单元格/行。
浏览 3提问于2010-07-28得票数 0
回答已采纳
我希望能够在从Add to cart点击到Remove from cart时切换按钮。 <div v-for="product of products" :key="product.id">
<span class="btn btn-primaryremoveGift(product, 'index')
浏览 4提问于2020-11-19得票数 0
我有一个例子，基于某些条件，我想要从一个数组(在父组件中)中移除一个组件的实例，方法是在子组件内部单击一个按钮。 ? 在图像中，“添加BU”按钮位于父组件中，下面的三个文本字段(即“BU”、“G值”和“C值”)和一个交叉按钮来自子组件。在每个“添加BU”按钮上，单击UI中创建子组件的新行。我使用以下代码将
浏览 10提问于2020-04-10得票数 0
回答已采纳
1回答
我希望使用JavaScript来重新设计一个div的按钮点击。我把所有东西都准备好了，除了一件事。我想做的一件事是将div的最大高度从我当前设置的高度更改为100% - 12px。最奇怪的是，当我检查开发人员控制台的错误时，它没有抛出错误。有没有人知道怎么按我说的做？
提前感谢！
浏览 0提问于2013-04-08得票数 0
回答已采纳
3回答
jQuery获得父母
、、、
我正在点击这个div中的一个按钮，试图从cockTailTitle中检索文本。对于这种类型的查询，我没有成功：this.$(e.currentTarget).parent().find('.cocktailTitle').text()
有人能给我指明正确的方向吗？
浏览 6提问于2014-04-04得票数 1
回答已采纳
我有一个来自数组的表中的数据列表，并且我在单击Add User按钮上显示表单，该按钮工作正常。我已经创建了一个演示。请帮帮忙。
浏览 18提问于2020-03-04得票数 1
回答已采纳
我有一个应用程序，在页面加载时，从数据库中获取数据(一个对象数组)，并将其显示为UI中的行。每一行都是一个子组件，可以创建、编辑、删除或重新排序。父组件有一个Save按钮，它从所有子组件获取数据并在数据库中更新它。将所有数据存储在父组件中：
父组件获取数据，将其存储在状态变量中，并将其传递给子组件。当子组件<em
浏览 3提问于2022-03-10得票数 -1
回答已采纳
我知道event.preventDefault()可以阻止浏览器的默认行为，但是如果你把它放在父元素的事件处理程序上，为什么它能起作用呢？www.google.com" target="_blank"> </a>
如果单
浏览 3提问于2018-10-20得票数 0
1回答
我试图在treeview.When的每个项目中添加一个按钮--单击该按钮：-如果有所选父项的某个项，则展开树--如果不是父项，则执行一个操作。双动作将允许我完全移除切换按钮。因此，取决于它是否是某物的父级，该按钮将展开为新项，或者在代码中执行一个操作。ACTION
else
//EXP
浏览 3提问于2020-10-13得票数 0
回答已采纳
我正在创建一个活动，它绘制的UI (TableLayout显示与数据从MYSQL数据库)。UI有一个按钮，所以单击该按钮时，它会转到不同的活动，然后返回到父级。我的问题是，当返回到父级时，父级屏幕不显示更新的数据。
更清楚地说，父界面是一个带有add按钮的视图屏幕。单击Add按钮</e
浏览 1提问于2011-07-07得票数 1
我正在使用许多复选框将它们的值推送到一个数组中，作为筛选数据集的参数。
$scope.ActiveFil
浏览 1提问于2015-05-04得票数 2
在使用jQuery单击复选框时，如何从表单元格中获取数组值？如果我选择了单元格1，我希望得到类似于["BlackBerry Bold", "2/5", "UK"]的数组，但是如果我选择了所有它们，我想以数组的形式获取所有的数据。
浏览 0提问于2018-11-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
