如何获取this.id的.index()
获取this.id的.index()可以通过以下步骤实现：
- 首先，了解this关键字的含义。在JavaScript中，this关键字指向当前执行上下文中的对象。在事件处理函数中，this通常指向触发事件的元素。
- 获取this.id。通过this.id可以获取到当前元素的id属性值。id属性是HTML元素的唯一标识符。
- 使用jQuery的index()方法获取当前元素在其父元素中的索引位置。index()方法返回一个整数，表示当前元素在同级元素中的位置索引。索引从0开始计数。
下面是一个示例代码：
// HTML
<div id="parent">
<div id="child1"></div>
<div id="child2"></div>
<div id="child3"></div>
</div>
// JavaScript/jQuery
$('#parent div').click(function() {
var id = this.id; // 获取当前元素的id
var index = $(this).index(); // 获取当前元素在父元素中的索引位置
console.log("当前元素的id为：" + id);
console.log("当前元素在父元素中的索引位置为：" + index);
});在上述示例中，当点击子元素时，会输出当前元素的id和在父元素中的索引位置。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
我有以下代码，
<script type="text/javascript">
$(document).ready(function () {
var dataAnalysisDataFileTableIDs = $("#dataAnalysisDataFileTable tr[id]").map(function () { return this.id; }).get();
//for(var key in dataAnalysisDataFileTableIDs) {
浏览 0提问于2011-10-01得票数 2
回答已采纳
2回答
Blog.Collections.Posts类中未定义this.id。怎么了？
博客集合
Blog.Collections.Posts = Backbone.Collection.extend({
model: Blog.Models.Post,
url: function() {
console.log(this.id);
if (this.id) {
return '/api/posts/'+this.id
}
else{
return '/api/posts'
}
}
});
浏览 3提问于2012-09-03得票数 0
回答已采纳
我正在尝试滚动到一个包含在带有垂直滚动条的div中的表格中<tr>的位置。我想要做的是计算所有直到选择的<tr>数字的总和，我可以通过使用下面的代码得到这个数字
var trh = $('tr.' + this.id).index()+1;
但我不能计算每行的总和，直到选定的索引。我不能设置定义的行高，因为表格的行根据它们所包含的数据具有不同的高度。这是我的尝试：
var trh = $('tr.' + this.id).index()+1;
$('table:tr('+trh+')').each(func
浏览 2提问于2014-01-06得票数 0
我正在尝试获取div标识号并在前面插入它，下面是我的代码：
$( "#container div.mix" ).each(function( index ) {
if(index=='2'){ var id1=this.id }
if(index=='3'){ var id21=this.id }
if(index=='8'){ var id111=this.id }
if(index=='9'){ var id21111=this.id }
$("#"+id1
浏览 1提问于2015-08-27得票数 0
回答已采纳
2回答
我正在使用带有h2数据库的MyBatis用于学习目的。当我想要在查询中的父对象内插入子对象时，我遇到了一个问题，然后我得到了一个异常。 学生班 public class Student {
private Long id;
private String name;
private Index index;
public Student(Long id, String name, Index index) {
this.id = id;
this.name = name;
this.index = index;
}
// getters and s
浏览 17提问于2019-06-17得票数 0
在我的示例代码中，如何在单击事件时使用getter和setter方法访问类中集合中的元素的id
class MyClass {
#index;
constructor(selector) {
this.els = document.querySelectorAll('button');
this.#init(this);
}
get Id() {
return this.els[this.#index].getAttribute('id');
}
#init(self) {
Array
浏览 0提问于2021-02-18得票数 0
3回答
我正在尝试在jquery中动态获取这个类名：
echo "<div id=\"maini\" class=\"type_" .$category. " start_" .$adSize. " color_" .$color. "\"> \n";
echo " " . $siteName . " \n";
echo "</div> \n";
如您所见，类名是用PHP生成的。
我需要这段代码的类名。但我尝试的方法不适用
浏览 2提问于2010-01-06得票数 2
回答已采纳
如果div中只有一个class属性，那么过滤器就工作得很好。但是，如果我想添加第二个属性，它会让人感到困惑。
我有很多按div列出的汽车。并且#parent的子div有一个属性，它是用于过滤的标志。
下面是html代码：
<button class="active btn" id="all">All</button>
<button class="btn" id="Manual">Manual</button>
<button class="btn" id=&#
浏览 0提问于2017-01-12得票数 0
我有一个问题，当一个函数在一个子组件中运行时，相同类型的所有子函数似乎也会运行相同的函数。下面是代码的样子：
class Wrapper extends React.Component {
...
constructor(){
this.state = { items:[...] }
}
render(){
return (
<div>
<Child id="child1id"... items={this.state.items}/>
<Child id="child2id
浏览 1提问于2018-12-04得票数 0
回答已采纳
这段代码的引号应该如何正确的语法？
<?php
$cod="<div id='id1' onclick='xmlhttpPost(index.php?ajax="'this.id'") class='divazienda'>".$row[0];
?>
我的问题是，我不接受js的this.id结果。
浏览 0提问于2015-10-14得票数 1
回答已采纳
我似乎无法接收Javascript的HTTPRequest。我得到了这个网址，但我似乎不能得到我发送的HTTP/1.1 200 OK。我只想在我的网页上发送的链接。
下面是我的javascript：
jQuery(function($) {$("button").click(function(){
console.log(this.id);
document.getElementById("direction").innerHTML = this.id + " is pressed.";
newurl = 'in
浏览 1提问于2016-03-21得票数 0
1回答
我希望将ID绑定到函数的context对象，而不覆盖该上下文。
setItemClickHandler是一个回调方法。它已经具有上下文对象和附加到它的this.index属性。
我的问题是:我如何将id属性绑定到该上下文，以便我有、this.index、和this.id？
注意：.bind()方法覆盖现有上下文。
itemClickHandler = function (id) {
events = {
itemClick: setItemClickHandler
};
}
setItemClickHandler = function () {
this
浏览 1提问于2018-01-09得票数 0
回答已采纳
我正在用typescript构建一个网上商店，其中我有一个购物车和一个CartItem类，如下所示： export class CartItem {
public id: bigint;
public file: File;
public constructor(file: File) {
this.id = file.id;
this.file = file;
}
}
export class Cart{
public items: { [id: bigint]: CartItem };
public constructor() {
浏览 122提问于2021-10-19得票数 1
2回答
我在一个游戏中写了一部分代码，它涉及角色的动作，这段代码非常重复(这四个方向几乎都是一样的)。
我看不出如何使它变得更简单，因为在所有的“if”条件下都有测试，因为在另一种情况下，我会创建一个带有正/negative变量的系统，我可以将它乘以位置变化。
谢谢你的帮助！
for (var i = 0; i < boxArray.length; i++) {
var box = boxArray[i];
if (controller.left && currentLevel[this.id - this.moveHorizontal] != 1) {
浏览 3提问于2015-01-29得票数 1
回答已采纳
3回答
我有一个模型，其中有2个oneToMany关系到另外2个模型。当我从第一个包中删除一条记录并保存对象时，hibernate会从第一个包中删除一条记录，这是可以的，但它也会从第二个包中删除与第一个包中的记录具有相同索引的记录。我想不出该怎么修它。
这是我的模型
所有者：
@Entity
@Table(name = "table_a")
public class Owner extends Serializable {
private static final long serialVersionUID = 1L;
@Id
@Column(name = "id&#
浏览 0提问于2015-08-19得票数 1
如果我想使用each()遍历一个类。如何获得附加到该类的id并获得它的索引？
我试着这样做，但是this.id只返回id名称，而不是实际的id：
$('.nav-click').each(function() {
console.log($(this.id).index('.nav-click'));
});
浏览 21提问于2017-07-18得票数 3
回答已采纳
我使用iframe来显示图像。这是我的代码。
index.html
<html>
<head>
<title>Center</title
<script type="text/javascript">
function sample(id){
var frameht=document.getElementById("ifrm").style.height;
var framewd=document.getEl
浏览 0提问于2013-02-14得票数 1
1回答
所以这是我的观点：
$(function() {
var ImageManipulation = Backbone.View.extend({
el: $('body'),
tagName: "img",
events: {
'mouseover img': 'fullsize',
'click img#current': 'shrink'
},
initialize: function() {
_.bind
浏览 0提问于2011-07-27得票数 4
回答已采纳
我有一个类为normaldiv的div normaldiv1。我试图通过style属性访问它的z索引，但是它总是返回0，尽管它在样式表中被设置为2。
CSS：
.normaldiv
{
width:120px;
height:50px;
background-color:Green;
position: absolute;
left: 25px;
top:20px;
display:block;
z-index:2;
}
`
HTML：
<div id="normaldiv1"
class
浏览 2提问于2009-09-07得票数 17
我试图从导入到DGV的数据中删除一个值，到目前为止，我的代码是：
private GArrayList<int> idList = new GArrayList<int>();
private void removeButton_Click(object sender, EventArgs e)
{
int listIndex;
IDStruct idValue;
DialogResult dialogResult;
listIndex = this.displayDGV.CurrentRow.Index + 1;
idValue = idLis
浏览 1提问于2016-12-03得票数 0
回答已采纳
2回答
我有一个接受函数的typescript函数
GetOne<T>(predicate: (e: T) => boolean): T;
var user = GetOne<IUser>(a => a.Id === this.id);
谓词toString()返回"function (a) { return a.Id === _this.id；}“
如何从"_this.id“中获取值？
我想从该函数信息中生成一个微调谓词...
谢谢
浏览 2提问于2015-02-27得票数 1
我试图了解如何处理主干模型中的集合实例数。将有一个主模型，该模型由多个集合实例组成。集合本身是其他模型的组。
A型
集合B
C型
C型
- Collection B
- Model C
- Model C
- Model C
- Collection B
- Model C
- Collection B
- `might even be empty but will only add more Model C's`
这是不工作的密码.
app.js
(function() {
v
浏览 0提问于2012-12-19得票数 0
我正在尝试删除EventListener，但是在Chrome调试模式下显示的错误消息如下：
未定义的TypeError:无法读取未定义的属性“removeEventListener”
我不知道问题出在哪里，密码如下：
window.addEventListener("load", init, false);
var vote = null;
function init() {
vote = document.querySelectorAll("div>span>img");
for (var index = 0; in
浏览 3提问于2014-12-24得票数 0
回答已采纳
我正在尝试建立一个使用Jquery UI的网站构建器应用程序。我能够做到这一点的桌面视图，但现在我想转换成平板电脑和移动响应式视图相同的模板。
下面是桌面视图的前端代码。
<div class="document-page ui-droppable" id="container-ground" style="position:relative;width:960px;height:1200px;">
<div id="contactForm" class="right-column element ui
浏览 0提问于2017-10-25得票数 0
我正在尝试根据单击选项卡生成的路由查询来呈现不同的组件。我尝试了一种动态组件方法，但它只在初始负载上工作。当我通过单击选项卡进行切换时，该选项卡将更改路由查询，而不会更改为其他组件。下面是我的代码和文件
Show.vue
<div>
<b-container fluid class="bg-white">
<b-row class="topTab types" v-if="$refs.chart">
<b-col
:class="
浏览 0提问于2020-04-30得票数 0
基本上，我希望在同一页面中通过ajax调用将值从一个div传递到另一个div。
但是，我仍然可以使用另一个页面在成功时从div .And中获取值，该值被加载到另一个div中。
以下是我的代码：
我的index.pl有以下代码。
while($query->fetch()) {
print qq( "<option id='$tblname_id'>$tblname_name</option>" );
}
print "<div id='body'></div>";
浏览 1提问于2012-06-22得票数 1
回答已采纳
3回答
我有一个网页，其中定义了一个带有id "selectedProduct“的DIV元素，现在当我单击特定的链接时，它将调用ajax请求，它将用响应数据填充DIV元素。但是我有这样的要求:当onBlur事件发生在"selectedProduct“DIV上时，它应该删除它的所有子元素。
<script type="text/javascript">
function getPage(event,id)
{
event.preventDefault();
var page = document.getElementById(id).id +
浏览 2提问于2016-09-14得票数 0
回答已采纳
我想将ng-repeat元素传递给尝试过的javascript函数，但它不工作
<tr ng-repeat="x in myArry">
<td><input type="text" value="{{x.firstname}}" id="{{x.firstname}}{{$index}}" onblur="FirstNamseCon(this.id, {{x.firstname}}{{$index}})" /></td>
浏览 0提问于2016-02-26得票数 1
我正在从php数组中提取员工姓名列表，并将其显示在html页面上。当单击员工姓名(通过jQuery)时，其名称将变为红色(通过css)。现在，我有一个使用localStorage的函数，因为我试图维护单击的员工页面刷新的红色状态，或者不管哪个用户查看页面，但是现在当我刷新页面时，红色字体恢复到正常状态，就好像它没有被单击一样。
我尝试在一个localStorage函数中使用jQuery来维护状态，这种状态是基于员工的id#从PHP数组中提取并以HTML显示出来的。
HTML/PHP
<td>
<span class="EmpFullName" i
浏览 2提问于2019-06-21得票数 1
回答已采纳
1回答
我的问题是，我试图生成一些HTML代码来适应这个巨大的表单。这个网络应用程序将有12个字母和10个文本框为每周的一天。我需要一些帮助为每周的每一天生成HTML代码。而不是硬编码每一天的每一天的一周。会很乐意帮忙的。
我认为如果我使用window.onload = function()，我可能会以正确的方式前进，但我不知道如何在加载窗口时使用Javascript生成一行HTML。
如何让jsp或JS将此HTML复制到网页中，每天12次，并具有唯一的ID和名称。
<form>
<div id="sectionpart">
<%--
浏览 5提问于2017-08-16得票数 0
回答已采纳
看来
$(html).find('*').index('#theID');
收益率-1
$(html).find('*').each(function(ind){if(this.id=='theID') alert('found! @'+ind) } );
是否有效(警报229)
我使用的是Windows 7和IE 8和jQuery1.6.1
我的问题是，为什么第一个不起作用？谢谢。
浏览 4提问于2012-01-17得票数 1
回答已采纳
2回答
过滤类别
、、
在我的应用程序中，我有一个提供者列表，每个提供者都有分类。我的模特们看上去如下：
class Categorization < ApplicationRecord
belongs_to :category
belongs_to :provider
end
class Category < ApplicationRecord
has_many :categorizations
has_many :providers, through: :categorizations
accepts_nested_attributes_for :categorizations
浏览 4提问于2017-01-16得票数 0
回答已采纳
假设我有以下JS：
var foo_index =123，var bar_index = 456；
以及以下HTML：
那么我想说的是：
thisIndex = this.id + '_index‘
我希望thisIndex是一个数字。如何将字符串(确切地说是变量名)转换为变量？
浏览 6提问于2010-08-25得票数 6
回答已采纳
3回答
我已经保存了输入(文本，复选框，下拉列表)在一个html页面，并加载在asp:panel，加载后，用户可以在其中输入值。现在通过点击Asp:按钮，我要找到输入类型并保存到数据库中，如何才能实现。
输入代码将采用此格式。
<label style="left: 46px; top: 73px; position: relative;" id="Llb1" onmouseup="MLup(this.id)" class="ui-draggable" onmousedown="MLdown(this.id)">
浏览 0提问于2012-10-17得票数 0
回答已采纳
2回答
我有一个上面有图像的按钮。如何在JavaScript中获取按钮上该图像的src？
这是HTML：
<button id="A8" name="B_Rook" type="button" style="background-color:#FFE4C4" onClick="check(this.id)">
<a href="" onclick="getImgId(this.id)"><img id="B_Rook" src="
浏览 0提问于2013-03-01得票数 0
3回答
大家好这里是我的代码..。
$ (".input_check").change (function (){
if ($ (this).is (':checked')) {
console.log(this.id + 'is checked')
} else {
console.log(this.id + 'is not checked')
}
});
上面的代码适用于几个复选框，我想在页面加载后执行检查，而不是在$
浏览 0提问于2014-06-19得票数 5
回答已采纳
我有一个问题:有一个使用Jquery (Ajax)进行异步页面更改和加载的脚本：
$('.page_button').live('click',function() {
$('#ajaxBusy').show();
$('.selected_page_button').attr('class','page_button');
$(this).attr('class','selected_
浏览 0提问于2012-07-20得票数 0
回答已采纳
我读了，被接受的答案提供了：
var ids = $('.cookie').map(function(index) {
// this callback function will be called once for each matching element
return this.id;
});
如何在纯javascript中完成上述工作？
浏览 2提问于2015-05-30得票数 1
回答已采纳
2回答
从对象数组中移除元素
、、、
我正在使用Meteor构建一个实时通知系统，但由于我以前从未这样做过，我肯定是在骗取一些有用的东西。
我有一个<ul>通知列表。我定义了一个单击每个<a class="notif-link">包含的<li>的事件。
我的通知有一个ID、一个类型和一些我们不关心的东西。
notifications:
[
{id: 0, type: 0, img: null, link: "/profile"},
{id: 1, type: 1, img: null, link: "/profi
浏览 2提问于2015-04-26得票数 0
回答已采纳
1回答
我有一组可以观察到的物体。每个对象都有一个'id‘属性。我使用filter方法，目的是只返回与特定id匹配的对象的可观测值。
当我实现以下代码时，谓词函数将返回整个数组。我的期望是只有一个项目通过。
this.blog$ = this.store.select('posts', 'blogs').pipe(
filter((post, index) => {
console.log(post[index].id == this.id);
return post[index].id == this.
浏览 2提问于2018-05-27得票数 2
回答已采纳
我有以下下拉菜单，如何通过单击每个菜单将每个菜单重定向到相应的页面？是否可以使用一个javascript函数，如果可以，如何实现？先谢谢你...
<div>
<ul>
<li id=home onclick="show(this.id)"><a href="home.jsp">Home</a></li>
<li id=collection onclick="show(this.id)><a href="collection.jsp">
浏览 1提问于2012-04-26得票数 0
回答已采纳
我使用的查询如下
WHERE this.ID BETWEEN 1 AND 11
但是我想在这个上面加上另一个ID
WHERE this.ID BETWEEN 1 AND 11 AND this.ID = 22
甚至是
WHERE this.ID = 22 AND this.ID BETWEEN 1 AND 11
这会导致错误。
我是否一直在使用WHERE this.ID >= 1 AND this.ID <= 11 AND this.ID = 22？有更简单的方法吗？
浏览 3提问于2017-01-23得票数 1
回答已采纳
在声明式dojox.grid.datagrid中，am在表标记中使用onresizecolumn。
onresizecolumn="columnResize(this.id，this.cellIdx)“
onresizecolumn调用一个函数。在调整特定列的大小时，我希望得到cellIdx。
<div class="claro" id="eterte" name="dataGrid" onclick="getConnect('inner__eterte');setWidgetproper
浏览 1提问于2013-04-10得票数 0
回答已采纳
我生成了多个菜单，但是它们在我的内容中有不同的菜单项和不同的位置。
对于每个'.ff_ftmenu‘和'.ff_ftmenu_block’，都有一个单独的ID，例如ffmenu-0将与之匹配。
我点击'.ff_ftmenu_block #ffmenu-0‘和'.ff_ftmenu #ffmenu-0’被触发并打开。这就是我的想法。但是，我如何将'ffmenu-‘+ index’分配给循环，这样就可以打开这个循环了？
var tl = new TimelineMax({paused:true, reversed:true});
tl
.st
浏览 1提问于2017-02-06得票数 0
回答已采纳
有时我使用以下概念：
class ResetableTimeout extends EventEmitter {
constructor() {
this.id = -1;
}
start(delay) {
clearTimeout(this.id);
this.id = setTimeout(() =>{this.emit("done");}, delay);
}
}
例如，这样的体系结构可以用于节流操作。
现在我注意到，在这种情况下，这种情况可能会发生两次：
setTimeout启动超时
start(delay)被调用并
浏览 4提问于2019-09-29得票数 1
回答已采纳
5回答
难以绘制不同形状的div
、、、
我真的很难画不同形状的div。例如。所有内容都在html/css/js中，所以查看它的源代码没有问题。css是否有任何使其正常工作的属性？我要做的就这么多了？
问题- div并不总是改变颜色时，点击它的不同的部分。
var colors = ["white","red","blue","green","yellow","purple"];
var names = ["none","próchnica","odbarwienie","coś1
浏览 7提问于2015-07-28得票数 0
回答已采纳
2回答
我这样访问我的孩子，我试图为每个div容器设置span标题。
$(".div-container").children().each(function(n, i){
console.log("Is it coming" + this.id);
$(this.id).before($('<span />').css('margin-left' , '60px').attr({'class':'progress-title' }).html('
浏览 2提问于2014-07-07得票数 0
回答已采纳
1回答
这是代码，当我从服务传递这个参数时，我收到一个错误。
export class CardsPage {
currentItems: Item[];
id: any;
getData: Object;
categories:any;
constructor(public navCtrl: NavController, public api:Api, navParams:
NavParams, items: Items, public http: HttpClient) {
this.id = navParams.get('idN
浏览 0提问于2019-01-30得票数 0
我在堆叠溢出的帮助下创建了一张纸条。
现在我的代码看起来就像
<script type="text/javascript">
$(function() {
$( "#accordion" ).accordion();
var hashId = 0,
$accordion = $('#accordion');
if (window.location.hash) {
$accordion.children('h3').each(function(i){
var t
浏览 10提问于2014-07-23得票数 0
回答已采纳
我刚刚开始用javascript创建类，这是我创建的第一个类，如下所示：
function MessageBox(parent){
this.id = "msg-box"; // ID for the Box
this.createElements(this.id);
this.parentElement = parent;
};
MessageBox.prototype = {
createElements: function(id){
// Create Main Container
this.contai
浏览 0提问于2013-01-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
