jQuery选择器(子项、eq和innerhtml)
jQuery选择器是一种用于在HTML文档中选择特定元素的工具。它可以根据元素的标签名、类名、ID、属性等进行选择，并返回一个包含所选元素的jQuery对象。
- 子项选择器（Child Selector）：子项选择器用于选择某个元素的直接子元素。它使用">"符号来表示，例如："parent > child"。这样可以只选择父元素的直接子元素，而不包括孙子元素及更深层次的元素。
- eq选择器：eq选择器用于选择匹配索引位置的元素。它使用":eq(index)"来表示，其中index表示元素在匹配集合中的索引值。索引值从0开始计数，例如：":eq(2)"表示选择第三个匹配元素。
- innerHTML属性：innerHTML属性用于获取或设置HTML元素的内容。它可以返回一个元素的所有子节点的HTML表示，也可以用于替换元素的内容。例如，可以使用$("#elementId").html()来获取元素的内容，或者使用$("#elementId").html("new content")来替换元素的内容。
jQuery选择器的优势在于它简化了DOM操作和元素选择的过程，提供了便捷的方法来操作和修改HTML文档。它广泛应用于前端开发中，可以用于实现动态效果、事件处理、表单验证等功能。
在腾讯云的产品中，与jQuery选择器相关的产品包括：
- 云服务器（CVM）：提供了弹性计算能力，可以用于部署和运行Web应用程序，支持自定义操作系统和网络配置。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供了高性能、可扩展的MySQL数据库服务，适用于存储和管理Web应用程序的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：提供了无服务器的计算能力，可以用于编写和运行无状态的后端逻辑，支持与前端应用程序进行交互。产品介绍链接：https://cloud.tencent.com/product/scf
以上是腾讯云相关产品的简要介绍，更详细的信息和功能可以通过点击链接进行了解。
相关·内容
4回答
我有下面的标记代码
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table>
<tr>
<th></th>
<th></th>
<th>Back</th>
</tr>
<tr>
<td class=
浏览 5提问于2015-07-09得票数 8
回答已采纳
3回答
我有一张桌子：
<table border=1 id="Table">
<tr> <th> Product </th> <th> Price </th> <th> Shop </th> </tr>
<tr> <td> Stuff1 </td> <td> 10$ </td> <td> Shop1 </td></tr>
<tr> <td> Stuff2 &l
浏览 0提问于2011-12-19得票数 0
为什么它会返回一个错误？
未捕获TypeError:对象没有方法“”replace“”
我想选择.x的第一个子节点，直到.x的第三个子节点
html
<div class="x">
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
<div class="d">d</div>
&l
浏览 0提问于2011-04-10得票数 3
回答已采纳
您好，我正在尝试从ajax脚本的标记的子数据中检索数据。这适用于javascript
coursename = xmlDocument.getElementsByTagName("sitelist");
name = coursename[3].firstChild.data
有没有人可以帮我用jQuery来完成这个任务？我原以为这能行得通，但它没有。
name = $("coursename", xml).text()
任何帮助或指点都会很好，谢谢。
浏览 1提问于2010-09-18得票数 3
1回答
我有一个简单的表格来模拟甘特图。这个想法是，每次TD点击都会触发一个隐藏输入文本(一组值)中存储的值的总和，在TH ( TR标签的第一个子标签)中可用。这些值的行和显示在最终的TD上。
接下来是代码表：
<table width="100%" cellspacing="0" class="datagrid_ppal">
<tbody>
<tr class="encabezado">
<th rowspan="2" scope="
浏览 0提问于2010-05-26得票数 1
回答已采纳
我有6个元素，我想选择第5个元素(使用jQuery)
$(".deskripsi")[2]
然后给它一个方法，但当我尝试它时，它在控制台日志中显示错误
$(".deskripsi")[2].innerHTML is not a function
有人能告诉我如何在jQuery中选择元素数组并给出方法吗？
好的，也许我的问题还不清楚。我的重点是选择那个元素(数组编号5)，如果我选择了正确的目标，innerHTML只是为了在我的控制台日志中看到。
请让我再举一个例子。假设我有6个这样的列表
<ul>
<li>A</li>
<
浏览 3提问于2010-09-10得票数 1
回答已采纳
3回答
未定义.innerHTML
、、、、
我有以下HTML代码
<div class="main-nav" id="main-content">
<ul class="main-nav-c">
<li id="Li1"><a id="A1" disabled="disabled" class="sprites"><span
class="headerV">Value 1</
浏览 3提问于2014-02-25得票数 0
我有一个这样的列表
<ul>
<li>
<ul>
<li>something</li>
<li>something</li>
</ul>
</li>
<li>
<ul>
<li>something2</li>
<li>something2</li>
</ul>
</li>
</ul>
我使用选择器(见下文
浏览 1提问于2012-02-01得票数 1
回答已采纳
1回答
由于某些原因，我在运行以下命令时得到一个空错误
$('.art:nth-child(2)').offset();
而
$('.art:first').offset()
和
$('.art:last').offset()
给出值，没问题。offset()是否只返回第一个和最后一个子级的值？
HTML：
<div class="row_titles">
<a href="#"><img class="art" src="images/channel_
浏览 0提问于2011-09-28得票数 0
回答已采纳
我还发现了其他一些问题，通过这些问题，我学会了如何使用；
$('table#truetable tr:first').hide();
和
$('table#truetable td:first').hide();
但是如果我想用这种方法隐藏第二行的第一个单元格，那该怎么办呢？
浏览 3提问于2012-07-01得票数 0
回答已采纳
3回答
我是jQuery新手，正在尝试选择table中的单元格。例如，我的表有3个cols，每个cols有3个单元格。
因此我尝试选择第一行的第一个单元格，例如，如下所示：
$("#table tr:eq(0) td:eq(0)")
但是不起作用！这样做的正确方法是什么？
浏览 1提问于2011-12-15得票数 0
回答已采纳
下面是javascript中当前运行的函数：
var iframe = document.getElementsByTagName('iframe')[0];
var doc = iframe.contentWindow.document;
var originPrice = iframe.contentWindow.document.getElementsByClassName('price type2')[0].innerHTML;
这是我还在学习的jquery版本，它不能工作
var originPrice = $('iframe').c
浏览 3提问于2013-03-02得票数 0
回答已采纳
在jquery中会有什么版本呢？
document.getElementsByTagName("pre")[0].innerHTML;
为了适应我的$.get请求，我需要帮助转换它：
$.get(
link,
function(data) {
var res = $(data).find("pre").html();
console.log(res);
}
);
浏览 0提问于2014-01-15得票数 0
回答已采纳
4回答
所以我正在尝试开发我自己的Chrome扩展。作为第一次尝试，我想创建一个扩展，将页面中的所有链接集中到一个地方。
因为我不知道有什么样的链接，所以我必须选择链接href和链接文本的属性。
链接href属性选择器运行良好，但我似乎无法使用我的代码获得链接文本。它总是返回未定义的。这是我的密码：
$("a[href^='http']").eq(i).innerHTML
(我是for循环中的变量，假装它是某个数字)
$("a[href^='http']").eq(i)应该返回元素，对吗？那我错过了什么？
这里有一个片段来告诉你我的意思：
浏览 10提问于2016-02-24得票数 0
回答已采纳
我有一个叫做'div.cloneFrame‘的div，我正在使用jquery.clone克隆它。它工作得很好，我使用这个函数克隆了我需要的所有东西：
var needToClone = 4;
var totalImgs = 0;
for(i=0;i<needToClone;i++){
$('div.cloneFrame').clone()
.removeClass('cloneFrame')
.appendTo('.frame-group').each(function
浏览 0提问于2011-12-14得票数 0
回答已采纳
我需要帮助在页面主体中的特定位置添加元素。
这是我的页面代码。
<div id="div1>
<label id="label1"></label>
<input type="text1"></input>
<!-- Insert button here -->
<span id="span1"></span>
</div>
我想要添加一个按钮的位置，我已经放置了一个评论以上使用jQuery。如果页面语法是固定的，有
浏览 1提问于2012-06-26得票数 6
回答已采纳
我想从我的代码中删除innerHTML的所有实例，但我无法在下面这一行执行此操作：
$('div[id^="helpTextDiv"]').get(0).innerHTML=LoadStructure();
我知道我不能将html与get一起使用：
$('div[id^="helpTextDiv"]').get(0).html();
请建议如何从这行代码中去除innerhtml。
浏览 0提问于2015-11-12得票数 0
<form id="foo">
<input></input>
<input></input>
<input></input>
</form>
我想做的是：
document.getElementById("foo").getElementsByTag("input")[1];
但在jQuery中。我想通过索引选择#foo下的某个对象。
这是我对如何做到这一点的第一个猜测：
$('#foo input[1]').
浏览 0提问于2011-11-15得票数 0
回答已采纳
我不知道是否有一个CSS选择器可以和下面的代码(jQuery代码)做同样的事情：
.tab_cadre_central .top:eq(0) table tbody tr td table tbody tr:eq(3)
我在CSS中尝试过类似这样的东西：
.tab_cadre_central .top::nth-child(0) table tbody tr td table tbody nth-child:eq(3) {
display:none;
}
但它并没有起作用。
浏览 1提问于2013-02-22得票数 25
回答已采纳
2回答
为了兼容性问题，我使用了一个生成的HTML，它有一个带有一行链接的表格。
一旦加载页面，我就删除链接并将innerHTML传输到链接的父元素。我试着用jQuery方法html()来做这件事。
但我注意到这个方法有一个有趣的行为，它让事情变得复杂。当我将innerHTML从链接元素复制到另一个元素时，它会自动分离。我实现了一个变通方法，将链接的innerHTML复制到一个临时数组中，并将其插入到父元素中。
有人能解释这种行为吗？
我使用的JavaScript/jQuery代码：
function rmvMenuLinks()
{var txt = new Array();
for(
浏览 1提问于2013-06-05得票数 1
回答已采纳
1回答
我使用这个jquery菜单库作为一个滑动菜单：
现场演示：
它打开菜单和子菜单时，我手动鼠标点击。
现在我想通过jquery单击打开菜单和子菜单；我可以通过jquery打开菜单，但不能打开子菜单。
打开子菜单的Html按钮：
<li id="mmbasket">
<a class="mm-next" href="#mm-1" data-target="#mm-1"></a>
... other elements ...
当我手动单击时，子菜单就会打开。(标记通过MMENU JQ
浏览 5提问于2015-11-12得票数 0
回答已采纳
我有一个HTML表格。我需要一个文本选择器来只选择TR，其中column2 (TD) jQuery等于= "foo“。这个是可能的吗？
<table>
<tr><td>asdasd</td><td>foo</td><td>fsdf</td></tr>
<tr><td>asdasd</td><td>xxx</td><td>fsdf</td></tr>
浏览 0提问于2009-09-25得票数 0
使用jQuery，我如何删除html主体中的锚标签，该主体也包含一个包装器div，而这个包装器div位于我想要移除的锚标签的上方。
这就像
<body>
<div id="wrapper">
<a id="not_me" href="#">hi</a>
</div>
<a id="remove_me" href="#">Remove Me</a>
</body>
如果我使用
浏览 0提问于2011-01-26得票数 24
回答已采纳
<form action="blah">
<table>...</table>
<table>
<tr>...</tr>
<tr>
<td>...<td>
<td> **some text that changes** </td>
给定上述html结构，如何使用jQuery获取更改后的文本
所以我希望jquery像这样搜索：-look form that that atrribut
浏览 0提问于2012-01-04得票数 6
回答已采纳
对不起，我是jQuery的初学者，也是堆栈溢出方面的新手，我很难区分这些DOM元素的不同之处。我想更改innerHTML元素中的<p>，但是发生了一些奇怪的事情。
例如
html代码：
<div id='main-content'>
<p id='p0'>0</p>
<p>0</p>
</div>
js代码：
var p=$('#main-content').children('p');
$('#p0').htm
浏览 5提问于2013-10-05得票数 1
回答已采纳
我正在尝试使用jQuery在Django上运行一些AJAX。问题是，我试图更改的元素的ID不是固定设置的，它是一个Django模板变量，因此表中的每个元素都是不同的，但我希望使用AJAX来更改该元素。我通过simplejson将字典从Django视图传递给JavaScript，相关的对象是ID和模型(不是真正的变量名，只是想让我想要做的事情变得明显)。一些伪代码(第三行，写得像python，因为我不知道如何用JavaScript实现)：
var quantity_update = function(msg, elem) {
var response_obj = eval('(&
浏览 1提问于2011-08-29得票数 0
回答已采纳
3回答
我正在使用javascript创建一个动态表。
HTML代码：
<table id="user_stop_table" class="table table-striped"></table>
在javascript中，我编写了以下代码，以便在表中输入值
var table = document.getElementById("user_stop_table");
var row1 = table.insertRow(0);
var cell11 = row1.insertCell(0);
var cell21 = ro
浏览 4提问于2015-06-11得票数 3
回答已采纳
祝大家日安，
我有一个包含行和值的表，如下所示
<tr id="value_12">
<td>firstanme_1</td>
<td>lastname_1</td>
</tr>
<tr id="value_14">
<td>firstanme_2</td>
<td>lastname_2</td>
</tr>
我使用的jquery是(这显然是错误的)。
$('#table_id t
浏览 3提问于2013-03-10得票数 1
回答已采纳
我希望能够根据行id获得1或2的值。
<tbody>
<tr data-uid="4584f83c-5ebe-4463-883e-4113b38e9ef3">
<td>1</td>
<td>Commons</td>
<td>Amherst</td>
<td>Massachusetts</td>
<td><a class="k-button k-button-icontext k-grid-edi
浏览 0提问于2012-11-14得票数 0
回答已采纳
3回答
用jQuery实现按索引获取td
、、、、
我知道如何使用jQuery获取单元格的行和列索引，但我不能反其道而行之。给定行和列索引，我如何访问这个位置上的td？
浏览 0提问于2011-05-26得票数 40
回答已采纳
大家好。基本上，我希望每秒使用jquery点击下一张图片：
jQuery：
var i=1;
setInterval(function() {
$(".portfolio :nth-child("+i+")").click();
if (i<5) {i++;} else {i=1;}
}, 1000);
HTML：
<div class="portfolio">
<ul>
<li><img src="images/4.jpg" alt="4&#
浏览 0提问于2010-06-21得票数 0
回答已采纳
我尝试在特定的子类上使用jquery的html()函数，如下：
<div id="main">
<p>I am p tag</p>
<span> i am span tag</span>
</div>
现在，如果我们使用$("#main").html()，它会同时提供p和span，但是如果我只想要p，我该怎么办？
浏览 1提问于2012-06-15得票数 1
回答已采纳
如果我有这样的HTML代码
<p>
If you want to google something just go to <a href='www.google.com'>www.google.com</a>
</p>
我可以像这样在jquery中生成这个
$('<p>').prop({
innerHTML: 'If you want to google something just go to <a href="www.google.com"&
浏览 5提问于2021-03-11得票数 1
回答已采纳
1回答
我在导航栏上有3个HTML列表项。我希望onclick的响应是，无论哪个元素被单击，文本都会与中间的元素交换。单击的项移动到中间，中间的项移动到替换它的项的位置。我一直在尝试和研究Javascript和jQuery。这个问题有很多答案，只有2个元素。我找不到任何可以移动3的东西。
这是HTML：
<li>
<a id="i1" onclick='swap();' href="#">being</a>
</li>
<li>
<a id="active"
浏览 7提问于2018-03-03得票数 0
回答已采纳
我使用名为datatables 的jquery脚本来显示从我的数据库中提取的一些数据。我已经为我自己的表修改了这里显示的示例。我现在遇到的问题是，它在每一列上都放置了一个过滤器，有没有一种方法可以让我的表名为Reps的列只有一个过滤器？如果有，我是否需要将一个名为'Reps‘的类应用于此列，或者是否可以使用列头/页脚指定仅过滤该特定列？
(function($) {
/*
* Function: fnGetColumnData
* Purpose: Return an array of table values from a particular
浏览 0提问于2012-01-30得票数 0
1回答
在这种情况下，我想要更改一半孩子的内部html。
普通的javascript或jquery对我来说是有效的。
document.getElementById("cont").children/*only effect the bottom half*/.innerHTML = "Changed";
//jquery also works for me
<div id="cont">
<p>1</p>
<p>2</p>
<p>3</p>
<
浏览 0提问于2018-06-06得票数 0
4回答
我有一个名为formStyle的类，它在我的网页中出现了几次。是否可以选择第一个和第三个(使用jquery)，如果它们是5
浏览 1提问于2011-05-20得票数 4
回答已采纳
可以通过括号符号访问jQuery对象的元素，如：$('div')[0]，但在本例中不能使用jQuery方法。
还有其他方式来访问某些元素或使用jQuery方法吗？
浏览 10提问于2014-01-27得票数 1
回答已采纳
3回答
如何仅使用jQuery选择器返回特定索引处的父元素？为了获取索引，我使用:eq()进行管理，但:parent似乎不起作用。它返回相同的元素，不管我有多少个:parent。我试过了：
div.unread span.text:eq(2):parent
我需要它的原因是我正在编写一个面向jQuery的工具，因为我使用的是.NET的浏览器，所以我必须使用Javascript来与网页的DOM进行交互。生成.parent()方法会使代码生成变得更加复杂。所以我试着让它尽可能的简短，尽可能的生成选择器来完成所有的任务。所以，如果它是不可读的，也不用担心，它不会被任何人读到。
浏览 0提问于2016-12-09得票数 0
我有大约4000个网站，所有的导航html都略有不同，但最终的子节点始终是基于文本的节点，并且没有真正统一的html布局。
根据下面的html示例，如何获得泛型mannor中每个li、a或div的最后一个子节点
<!-- want to be able to get each span and its text -->
<ul id="nav">
<li><a href="#"><span>Menu Item</span></a></li>
<li&g
浏览 0提问于2013-03-19得票数 11
回答已采纳
我正在学习JQuery的基础知识，但无法解决这个问题:给定3个绿色<li>元素将第1和第3元素变为红色，第2元素变为橙色。
代码：
<!DOCTYPE html>
<html>
<head>
<title>element</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<meta http-equiv=&
浏览 6提问于2014-04-14得票数 0
回答已采纳
6回答
jquery的eq()的纯等价性是什么？例如，我怎样才能实现
$(".class1.class2").eq(0).text(1254);
纯javascript？
浏览 10提问于2013-09-21得票数 23
回答已采纳
2回答
这是怎么做到的：
alert(document.getElementById("tableId").rows[7].cells[7].innerHTML);
但不是这个：
alert($("#tableId").rows[7].cells[7].innerHTML);
对于上下文，我使用.append将单元格添加到表中，并且希望以后能够进一步操作每个单元格(例如使用.data，这就是我希望使用jQuery的原因)。
或者，是否有其他方法访问表中的单个单元格？谢谢。
浏览 3提问于2020-05-07得票数 1
回答已采纳
2回答
我有一个动态生成列表项目的站点，如下所示：
<li class="comment even thread-odd thread-alt depth-1" id="li-comment-10">...</li>
<li class="comment odd alt thread-even depth-1" id="li-comment-17">...</li>
<li class="comment even thread-odd thread-alt depth-1
浏览 3提问于2016-04-14得票数 0
回答已采纳
好吧，这可能有点基础。HTML是：
<div class="parents-of-all">
<p>
<a>
<span class="thechild">Something</span>
</a>
</p>
jquery是
$('.parents-of-all').click(function(){
alert($(this).find('span').attr('class'));
}
浏览 0提问于2011-09-25得票数 5
回答已采纳
1回答
所以基本上我想做的是抓取页面中图像的链接，并将它们转换为图像。现在，我的代码将抓取论坛上的帖子中的任何链接，并将它们转换为图像，但我希望它更具体。我希望能够使用主要的4个网络图像扩展(.jpg，.gif，.png，.bmp)来抓取图像。我是jQuery的新手，所以我真的很想在这方面得到一些帮助。以下是我到目前为止的代码：
(function($) {
if ($('#nav a[href*="/forum/3828932/"]').length && location.href.indexOf('/1/') !== -1)
浏览 0提问于2011-10-26得票数 3
回答已采纳
4回答
我想使用jquery代码获取这个<p>标记中的值，该代码以一个$符号开始，我只需要使用innerHTML就可以使它工作。
下面是我的示例代码：
<p id="nameDisplay">Sample Name</p>
下面是我的innerHTML代码：
document.getElementById('nameDisplay').innerHTML
我想学习如何使用jquery编写代码，谢谢。
浏览 0提问于2014-02-18得票数 0
回答已采纳
1回答
我正在制作一个游戏，用户必须移动一个字符围绕一个网格和收集乘客。我已经成功地使用一些CSS和jQuery构建了这个网格，但是我需要改变网格中单个方块的颜色，因为我需要包括三种类型的地形。
目前，我已经把所有这些都保存在一个文件中：
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta c
浏览 2提问于2014-03-28得票数 0
回答已采纳
1回答
我对jquery选择语法(以及一般的jquery )还是个新手。我不太确定如何让这个电话正常工作。
我正在使用一个函数，它为我提供了一个事件和ui。我正在使用，并尝试从该元素中获取第n个子元素(第一个)，然后尝试清除它的类。现在我有：
stop : function(event, ui) {
$(ui.item):nth-child(1).removeAttr("class");
}
但是这给了我一个意外的':‘错误。它的正确语法是什么？
浏览 1提问于2010-10-01得票数 0
回答已采纳
我试图编写一个通用的javascript脚本，以方便通过<a href>链接单击，同时只替换内部的HTML，而不是重新加载整个页面。奇怪的是，它起作用了，除了新加载的HTML中的任何链接。
<script src="{{ asset('bundles/app/js/jquery-2.2.0.min.js') }}"></script>
<script src="{{ asset('bundles/app/js/jquery.menu-aim.js') }}"></script&
浏览 2提问于2016-02-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
