获取所单击的动态元素的id
获取所点击的动态元素的id是指在前端开发中，通过监听用户的点击事件，获取用户点击的动态元素的唯一标识符（id）。这个id可以用来标识该元素在页面中的唯一性，方便后续对该元素进行操作或者获取相关信息。
在前端开发中，可以通过以下步骤来获取所点击的动态元素的id：
- 给目标元素添加点击事件监听器：在HTML中，为目标元素添加一个点击事件监听器，可以使用JavaScript的addEventListener方法来实现。例如，假设目标元素的id为"targetElement"，可以使用以下代码来添加点击事件监听器：
document.getElementById("targetElement").addEventListener("click", handleClick);- 定义点击事件处理函数：在JavaScript中，定义一个点击事件处理函数，用于处理用户点击事件并获取所点击的动态元素的id。例如，可以使用以下代码定义一个点击事件处理函数：
function handleClick(event) {
var clickedElementId = event.target.id;
console.log("Clicked element id: " + clickedElementId);
}- 获取所点击的动态元素的id：在点击事件处理函数中，通过event.target.id来获取所点击的动态元素的id。这里的event参数是事件对象，其中的target属性表示触发事件的元素，通过访问target.id属性即可获取该元素的id。
以上是获取所点击的动态元素的id的基本步骤。根据具体的应用场景和需求，可以进一步对获取到的id进行处理，例如发送到后端进行数据处理、根据id获取其他相关信息等。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云前端开发产品：https://cloud.tencent.com/product/fe
- 腾讯云云原生产品：https://cloud.tencent.com/product/tke
- 腾讯云人工智能产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发产品：https://cloud.tencent.com/product/mob
- 腾讯云存储产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙产品：https://cloud.tencent.com/product/vr
请注意，以上链接仅为示例，具体产品和介绍可能会有更新和变动，请以腾讯云官方网站为准。
相关·内容
2回答
我已经做了一个动态系统，所以你可以在div中附加div，在div中添加div等等。现在我想知道当我点击它时div的id。我做了一个类似这样的脚本: HTML：
<div id="div1" class="mod">
<div id="div4" class="mod">
<div id="div5" class="mod"></div>
</div>
</div>
<div id="div2
浏览 2提问于2010-12-03得票数 1
回答已采纳
我有一个动态生成的网页，在那里我想使用Ajax调用插入用户的请求(点击)额外的数据。
在下面的示例代码中，我尝试显示我所需要的内容。当用户单击John's或Anne's行时，应该进行一个Ajax调用，返回正确的城市。我想在调用中使用"id“属性作为参数，但我不明白如何检索正确的属性……
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"><
浏览 2提问于2018-11-29得票数 0
3回答
我使用Jquery动态填充table元素。我的表格将有三列-标签、文本区域和一个按钮。我正在绑定单击按钮时的单击事件。下面是我的Jquery代码。
var rowElem = $('<tr id="'+ key + '" class="queryRow"> </tr>');
rowElem.append($('<td class="queryTitleCol">' + key + '</td>'));
var colElem = $(
浏览 0提问于2012-09-13得票数 0
回答已采纳
我创建了一个jQuery函数，该函数生成链接并将其写入html中的div容器中。
结果是：
<div id="breadcrumbs">
<a id="crumb1">Crumb1</a>
<a id="crumb2">Crumb2</a>
</div>
但是，如果一些动态创建的链接被单击，我想得到一个警告。在此警报中，我想显示单击的ID。如何才能这样做？我是否可以将click()事件绑定到div-标记，该标记提醒我-Tag的单击ID？
帮我个忙
浏览 5提问于2013-11-30得票数 0
回答已采纳
1回答
我得到了一个元素，在ajax调用之后动态地添加到页面上，其中有一个隐藏的输入字段：
<div id='added_title'>
<b>Title</b>
<input type='hidden' id='title_n' name='title_n' value='TITLE_NAME'/>
</div>
在ajax调用之后，我需要获得输入字段值，以便在另一个div中显示它，但不需要任何事件或单击，就在ajax调用完成之后。
我试过：
$("i
浏览 1提问于2014-03-16得票数 0
回答已采纳
我有一个动态创建的列表，如下所示：
inner += "<li class='linkstyl'> <a href='#"+tot+"' id='a"+tot
+ "' style='text-decoration:none' onclick='addpoint("
+ results[0].geometry.location.lat()+","
+ results[0].geometr
浏览 3提问于2011-08-28得票数 0
我是dojo的新手，并试图设置工具提示。
我有一个动态生成的元素，我在同一元素上创建一个id属性，将工具提示附加到元素上，当用户悬停在它上时，Dojo工具提示就会出现，当用户单击它时，元素会在没有id的情况下被动态删除和创建，因此连接的工具提示保持活动，我无法关闭它，如果删除连接id，是否有任何方法隐藏工具提示。
提前谢谢。
浏览 5提问于2016-02-17得票数 0
回答已采纳
我有一个动态创建的htmltable。我已经将行设置为可点击。我需要将行innertext id传递给单击行时触发的脚本。 htmltable <table style="width:100%;">
<tr>
<th>id</th>
<th>name</th>
<th>other info</th>
</tr>
<tr>
<td class='tabl
浏览 13提问于2020-01-31得票数 0
回答已采纳
我需要使用一个ID作为选择器，通过使用一个数据属性，但我无法使它工作。
基本上，我在最上面有一组链接。每个链接都有一个唯一的id。我使用这些链接创建一个动态链接。动态创建的链接具有一个数据属性集，其id是我以前单击的那个。现在，我需要使用我最初单击的链接的Id使用data属性来锁定这个链接，并显示内部文本。
如何将数据属性(动态创建的元素)设置为ID选择器？
以下是以下Javascript代码。
$('.group-1 a').on('click', function(){
var block =
'<div class="gro
浏览 3提问于2017-11-05得票数 1
回答已采纳
我正在记录点击事件在我的网站到谷歌分析。我点击按钮的方式如下：
document.getElementById("loginButton").addEventListener("click", function() {
ga('send', 'event', 'Login Button', 'clicked');
}, false);
我还想记录在<p:accordionPanel>元素上的FAQ上单击的选项卡，这些选项卡来自PrimeFaces。守则如下：
<p:ac
浏览 3提问于2016-11-12得票数 0
我正在为表中的每一个创建一个动态按钮以供删除。我使按钮id具有行的键，这样我就可以在单击时查询它，以知道要删除哪一个。由于我为所有按钮分配相同的函数，所以需要将单击的按钮传递给事件处理程序，以便从事件处理程序内部查询id。
在硬编码时，我只会将'this‘传递给事件处理程序。如何在生成动态按钮时做到这一点？
现在我有：
{
var cell0 = row.insertCell(0);
var btn = document.createElement("input");
btn.type = "button";
btn.id = "btnHisto
浏览 5提问于2012-11-28得票数 2
回答已采纳
2回答
我有许多带有form_for元素的动态创建表单(，form_for)。我需要创建一个点击提交。当我单击复选框时，它会提交页面上的第一个表单，而不是当前的单击表单。如何提交当前的单击表单？
<%= form_for todo, url: update_todos_path, remote: true, html: { id: 'todo_status'} do |t| %>
<%= t.text_field :id %>
<%= t.check_box :isCompleted, {},
浏览 5提问于2017-01-31得票数 1
回答已采纳
我有一个像这样动态创建的手风琴：
<div class="panel-body">
<div class="panel-group" id="accordion">
<div class="panel panel-default" >
<div class="panel-heading">
<h5 class="panel-title small">
<a data-tog
浏览 0提问于2019-01-03得票数 0
回答已采纳
我有一个动态添加到我的页面的表格。
$("#myTable").on("click", "tr .eliminar.tooltip", function() {
var myCol = $("#myTable").index(); //ok
var $tr = $("#myTable").closest('tr'); // ok
var myRow = $tr.index(); // wrong value
});
<script src="https://ajax.g
浏览 4提问于2016-11-07得票数 0
3回答
<label>
<input>
<datalist></datalist>
<a id="addspell" data-id="1"></a>
<a></a>
<p>
<a>
<select></select>
<label>
&
浏览 2提问于2015-07-15得票数 1
我有两个动态生成的div(从PHP文件)。这个div是这样的：
<div id="x" class="myclass"></div>
<div id="y" class="myclass"></div>
其中X和Y是从php文件动态生成的数字。例如，当我单击此div时，我如何获取此id (数字)？
我试过这样做：
$('.myclass').click(function(){
alert(this.attr("id"));
});
但是通过这种方式
浏览 0提问于2011-05-06得票数 1
回答已采纳
如何在使用jQuery动态添加的按钮上添加按钮单击事件？
在jQuery容器中添加动态按钮的div代码：
$('#pg_menu_content').empty();
$div = $('<div data-role="fieldcontain"/>');
$("<input type='button' value='Dynamic Button' id='btn_a' />").appendTo($div.clone()).appendTo('#pg
浏览 1提问于2013-11-27得票数 39
回答已采纳
我想我快到了，我只需要计算隐藏的孩子的高度，并把它应用到div中。
我可能需要编写一个根据孩子的身高动态变化的函数。
在演示中，单击展开/折叠图像。
单击展开
var currentHeight = $('.Tile.is-expanded .Tile-flyout').outerHeight();
TweenMax.fromTo(".Tile.is-expanded .Tile-flyout", 0.8, { height:0, autoAlpha:0, ease: Linear.easeNone }, { height:currentHeight,
浏览 5提问于2017-11-22得票数 0
回答已采纳
3回答
我使用java脚本动态添加HTML控件。例如，我的页面中有一个按钮。每当我单击该按钮，它就会在UI页面中的HTML控件上创建。因此，我想为控件添加click事件。是否可以获取所有UI控件ID？
浏览 0提问于2012-03-27得票数 1
回答已采纳
1回答
我在.net中有一个mvc应用程序，我正在尝试动态添加按钮。下面是我使用的jquery示例。这是一个相当长的html序列，它是附加的，但它可以工作，并且添加了这些按钮。但是，当按钮单击时，它们似乎没有激活我所拥有的单击事件处理程序。
$('#imageCont').append('<div class="row tier" id="tier'+ tierIdCount +'" ><hr/><h3>Tier</h3><button type="button
浏览 3提问于2017-03-30得票数 1
回答已采纳
1回答
单击add链接时，我正在添加动态文本框。我想对动态文本框进行远程验证。
请参考下面的代码：
<input type="text" name="test" id="test1" />
click on add button
var sc ="<td><input type = 'text' name ='test' id ='test"+(textid+1)+"'/></td>
document.getElementByI
浏览 0提问于2011-04-13得票数 1
我有一个边菜单，它下面有标签，定义菜单项，并动态生成.当用户单击任何项目时，必须执行下列代码：
$("#label").click( function(event) ){
$.get(
"../../phplibraries/productlist.php",
{
ControlName: 'ulCategoryName',
Category: 'Beverages'
},
function(data) {
$('#divLis
浏览 7提问于2010-01-20得票数 0
回答已采纳
2回答
我正在尝试从不同的onclick获取id attr。
这是我的html。
<div id="name-1">
<a href="#" class="view">
<div>
<div id="name-2">
<a href="#" class="view">
<div>
<p>Name: <span class='name'></span><
浏览 0提问于2013-06-29得票数 0
回答已采纳
我希望我的div I与数据库中的项相对应。基于一个id，我的应用程序将从数据库中提取适当的内容。
因此，当我使用.click()处理单击时，需要将被单击的div的Id传递给处理它的函数。我该怎么做呢？
浏览 0提问于2009-12-02得票数 2
回答已采纳
5回答
我需要捕获text between <a> and </a> tags并导致弹出消息。我尝试以follows.However的身份执行此操作，但由于链接是动态generated.So的，所以我无法为链接提供id。我尝试为它们提供class并使用jquery来选择元素。
然后，我不确定如何使用jquery选择当前单击的元素。
假设生成的链接如下
<a href="#" class="mylinkclass"> first link </a> <br>
<a href="#" clas
浏览 0提问于2012-05-25得票数 2
回答已采纳
下面的代码将id为#CommentLikeDisplay的div在单击"like“按钮(.LikeCommentLink)时将先前设置为display:none的The更改为display:block。页面上有多个like按钮，代码运行得很好，除了使用JQuery动态添加元素CommentLikeDisplay和LikeCommentLink时(它们都是作为同一动态添加的注释的一部分添加的，这是不相关的)。我不明白，因为即使当元素是动态添加的时候，div行也可以很好地工作，但是它不能使带有display:none的$("#LikeCommentLink" + myNu
浏览 12提问于2021-10-18得票数 1
回答已采纳
我有一张单子，上面有很多东西。单击后，我想打开一个新的对话框，并将其绑定到有关所单击项目的一些详细信息。
我的数据源是一个带有OData接口的SAP HANA数据库。界面如下所示：
Table/Path: Items
|ID|NAME|PRICE|ITEM_DETAILS (Navigation Property)|
Table/Path: ItemsDetails
|ID|ITEM_ID|...|
该列表有一个到Items的绑定，可以很好地工作。单击一下，我想将对话框绑定到导航属性ITEM_DETAILS，但新的绑定不起作用。对话框仍然绑定/显示到“旧”路径Items，而不是ItemsDe
浏览 3提问于2017-02-22得票数 0
我在一个动态创建的div中有一个id为"close“的div，id为"box”。下面的代码用于在用户单击close时执行某些操作。
$('#box').on('click','#close',function(){
alert(1); // Test to see if the click works
});
我使用的是Big Cartel CMS，如果我在“实时预览模式”中单击“关闭”，它似乎工作得很好，但每当我实际发布网站并正常查看时，它绝对什么也不做-没有错误-什么也没有。
标记和CSS，以防万一：
<div
浏览 2提问于2012-12-06得票数 4
回答已采纳
2回答
检查动态下拉菜单
、、
我需要自动下拉，它是动态填充的。
当我试图检查它时，它被关闭了。
如何与这种动态下拉列表进行交互以找到其元素并单击其中之一。
浏览 0提问于2017-10-18得票数 2
回答已采纳
1回答
当我重新加载页面时，像下面这样的jQuery变量工作得很好。但是，一旦我动态地更改了data-agent_id属性，然后单击"live“，不将"assigned_agent”变量更改为已更改的值。我试图声明变量全局仍然不起作用。
var assigned_agent = parseInt($(this).data('agent_id'));
任何帮助都将是高度appreciate.Thanks
浏览 4提问于2015-01-06得票数 0
回答已采纳
3回答
我有一个关于如何动态排列html按钮的两部分问题。我想在不重新加载页面的情况下排列按钮，所以我一直在尝试使用jquery。
首先，我有一列html按钮，我希望能够单击其中一个按钮，并将其转到列中的特定位置。例如，如果我单击了一个按钮，并希望它转到列的顶部，那么我单击另一个and按钮，最近单击的按钮就会转到列的顶部。
我想我可以用一组html按钮来实现这一点，但是我是javascript的新手，我不知道是否有可能以这种方式动态排列html按钮。可以用javascript数组动态排列html按钮吗？有没有更好的方法来排列html元素？
其次，我想在列的顶部动态插入新按钮。我已经用jquery的so
浏览 1提问于2013-09-14得票数 2
我有几个动态生成的div id，每个都是一个数字，我想要一个click处理程序，当这些div id中的任何一个链接被单击时，它将执行，并将变量的值赋给那个div id，例如：
var someNumber
<div id=someNumber>link here</div>
$('#clicking any div id that's a number should run this').click(function() {
someVariable = this.id
});
这应该怎么做呢？
浏览 23提问于2018-01-27得票数 0
1回答
我动态地创建了一个列表视图，并为每个li项目分配了自己的唯一ID。我使用的是jQuery手机，当用户单击列表项时，我需要它启动JS函数，从web中提取信息，然后加载一个新屏幕。
<ul id="stationlist" data-role="listview">
<li onclick="getInfo()" id="12345">Some text</li>
<li onclick="getInfo()" id="23561">Som
浏览 4提问于2015-09-18得票数 0
回答已采纳
7回答
jquery点击处理程序
、、、
我动态地创建了一堆标签，将它们附加到一个I，然后添加一个单击处理程序……
$(document).ready(function(){
// ... code to append <a> tags to nav div
$("#nav a").click(function(event){
alert('Clicked '+event.target.id);
return false;
});
});
如果我有10个标签，然后单击第一个标签，我会得到10 (10！)提示--但它们都显示
浏览 0提问于2009-10-20得票数 2
回答已采纳
1回答
我正在尝试获取存储在动态创建的元素属性中的数据，这些元素已经添加到DOM中。
当单击一个按钮时，会进行一个AJAX调用，该调用将返回一个对象集合。然后使用Javascript/JQuery为每个返回的对象添加新的HTML元素，并将它们的属性值添加到元素的属性中。然后，我将为这些动态创建的每个元素添加一个单击侦听器。单击时，我希望获得这些属性中的值。
目前id的值是存在的，但是name的值是undefined。
例如，给定以下HTML：
<input type="button" id="button" value="Get objects"
浏览 3提问于2018-05-08得票数 0
我正在寻找一种使用javascript或jquery的方法，在单击按钮时自动下拉选择菜单。我遇到了这个问题，因为我使用的文本字段允许自定义用户输入动态地将字段添加到select输入中，我不希望用户单击两次，但本质上问题是：
$("#dropDownButton").click(function(){
//$("#selectBox"). //What goes here???
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js&#
浏览 6提问于2017-11-29得票数 0
回答已采纳
1回答
我试图使用jQuery将html的所有内容推到jsp。
我做了一个空的，像这样：
<div class="modal fade" id="formModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
浏览 4提问于2014-11-18得票数 1
回答已采纳
2回答
我有一个不是强类型的局部视图。它是动态的：
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<%@ Import Namespace="Student.Models" %>
<div>
<table id="TA">
<tr>
<th>Teaching Assistant</th>
浏览 0提问于2012-08-08得票数 0
回答已采纳
1回答
我正在尝试准备具有多个(动态)输入的表单，以便通过ajax正确插入。
目前，使用我的php循环，我有4个div/forms。每个表单都有一个起始输入，在单击moreItems_add按钮时，它会动态添加另一个输入，每个表单/div最多添加10个。
这可以很好地工作。但是我添加了一个变量和console.log来记录我的隐藏输入的值，它应该为每个表单获取一个ID (<?php echo $ticker['ticker'] ?>)，但它目前只记录'1‘。所以当我单击第一个表单中的按钮时，它看起来是正确的，但当我单击其他表单时，它仍然是1。我想这是因为我在隐藏输入
浏览 1提问于2018-09-13得票数 0
1回答
所以我有一个包含所有相同类的文本框的动态列表，如下所示：
<input type="text" id="value1" class="list-value" />
<input type="text" id="value2" class="list-value" />
<input type="text" id="value3" class="list-value" />
<input type="te
浏览 1提问于2011-05-03得票数 1
回答已采纳
我试图在代码中选择动态输入字段的id。单击按钮时，表单将创建一个表单域，如下所示：
<td><input type="text" id="field_a_1"></td>
<td><input type="text" id="field_b_1"></td>
<td><input type="text" id="field_c_1"></td>
当我再次单击该按钮时，我会得到如下结果：
<
浏览 0提问于2010-05-21得票数 2
回答已采纳
我要装集装箱。其中一个包含一组动态div，用户可以从中选择。当单击一个项时，它将被附加到第二个div容器。正在发生的是，它仍然看到第一个容器div函数的附录。
html标记去掉括号以显示。
<div id="orders">
<div class="order" id="1"> 1 </div>
<div class="order" id="2"> 2 </div>
<div class="order" id=
浏览 1提问于2014-08-07得票数 1
回答已采纳
我有一个下拉月份，它根据所选输入的年份动态填充。
当用户单击月份下拉列表时，会显示一个月列表。如何由用户使用JQuery获得选定的月份值？假设下拉列表是动态填充的.
当用户单击显示的月份列表时，将调用此函数。
$("#month").click(function() {
var value = $(this).children("div p").val(); // return undefined
console.log("month: " + value);
});
HTLM下拉
<div id="mo
浏览 7提问于2013-07-05得票数 0
回答已采纳
我有一个动态生成的表，它将有一个ID。如果表有一个单选按钮，当我单击单选按钮时，我需要通过javascript获取父表的ID。我该怎么做呢？
浏览 2提问于2011-02-17得票数 3
回答已采纳
在使用selenium单击submit按钮时，我面临问题，也无法动态单击web页面按钮。我正在使用selenium chrome webdriver，也尝试了下面的选项，
driver.find_element_by_xpath('//*[@id="get"]').click()
driver.execute_script('document.getElementById("submitMe").click()')
但这还是帮不了我解决这个问题。有人能帮我把它运行或建议我，如果你有其他选择吗？
浏览 5提问于2022-06-13得票数 1
我有一个使用PHP动态列出的导航。
<nav id='navs'>
@foreach($element as $val)
<a data-prop={{$val->id}}>$val->name</a>
@endforeach
</nav>
html：
突出显示的标记是动态列出的。
我有一个JS脚本，当我们单击navbar元素时，我们将.selected类添加到标记中。加载页面时，第一个标记具有.selected类。
我需要一个JS代码来为带有.selected类的元素找到数据支持属性值。我试过：
var d=
浏览 4提问于2021-05-26得票数 0
回答已采纳
我让我的事件侦听器在动态创建的HTML上工作，但我遇到的问题是，它总是只听第一个结果。
例如，值'this.id‘是不同的；
图像(隐藏值= '3')
图像(隐藏值= '6')
图像(隐藏值= '8')
但是，无论我单击的图像，值3总是被选中。我该如何解决这个问题？
HTML
<div id="test"></div>
JavaScript (动态创建HTML)
var html =
'<form action="test.php" method="ge
浏览 0提问于2016-04-12得票数 0
回答已采纳
目前我有类似这样的东西
<ul class="patient-class" id="patientSelection">
<li>
<label for="plist">
<div class="patient-details"><span class="pheading">Foo</span><span
浏览 23提问于2017-02-18得票数 0
回答已采纳
1回答
我正在尝试使用Python实现一个非常微不足道的场景。在每个按钮上添加相似的元素，依次单击。
下面是密码。
app.layout = {
html.Button(id='add-element-button', n_clicks=0, children='Add Input Element'),
html.Div(id="layout")
}
@app.callback(Output('layout', 'children'),
[Input('add-element-
浏览 4提问于2020-04-14得票数 3
回答已采纳
大家好，我想知道如何传递我在不同函数中单击的元素的属性
具体地说，我有一打具有相同className = online的元素，但是每个元素都有一个我动态分配给它们的惟一id。
我使用$(document).on是因为我想监听document，因为带有className=online的元素也是动态创建的。
$(document).on("click", ".online", isInPrivateChat);
例如，我如何才能在不同的函数中
function TakeTheidfTheElement(){
//take the id of the elemen
浏览 4提问于2017-04-25得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
