jquery函数中的索引是什么意思

2024-02-29

我是一个 jQuery 初学者,所以如果质量不好请原谅我。

我想知道什么是index函数中的意思以及它到底指的是什么。以前我认为它指的是索引号,如 0,1,2,3 等,但是当我通过 1,2 ,3 代替索引时,我的代码停止工作。我检查了这个的类型,它向我展示了number数据类型。 现在让我看看我到底做错了什么,以及 jQuery 中索引和元素的概念,因为我在大多数地方都发现了这样的东西——

function(e){
}

我的工作代码——

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
    <title>Example</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$( 'li' ).html(function( index, oldHtml ) {
//alert(typeof($(this).index()));
  return oldHtml + '!!!'
});
});
</script>
</head>
<body>

<ul>
<li>This is List item 1</li>
<li>This is List item 2</li>
<li>This is List item 3</li>
<li>This is List item 4</li>
<li>This is List item 5</li>
</ul>

</body>
</html>

我的尝试——

$( 'li' ).html(function( 3, oldHtml ) {....

$( 'li' ).html(function( "3", oldHtml ) {....

$( 'li' ).eq(3).html(function( "3", oldHtml ) {......

The index参数表示匹配集合中元素的索引。您不应该向它传递值。它是一个传递给匿名函数的参数,如果您需要的话,您可以在内部使用它来准确地知道在哪个元素上调用该匿​​名函数:

$( 'li' ).html(function( index, oldHtml ) {
    return 'new html ' + index;
});

该索引从零开始,因此结果将是:

<li>new html 0</li>
<li>new html 1</li>
<li>new html 2</li>
<li>new html 3</li>
<li>new html 4</li>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jquery函数中的索引是什么意思 的相关文章

  • Typescript,返回元组的通用可变参数工厂函数

    在打字稿中 可以像这样创建工厂函数 并定义返回类型 function factory1
  • 提交登录表单后关闭 Fancybox 模式窗口并重新加载页面

    我在 FancyBox 2 模式 iframe 窗口中打开了一个登录表单 但是 当您提交表单时 网页将在模式中打开 谁能告诉我是否以及如何使 Fancybox 模式关闭 并在提交登录表单时重新加载底层页面 这是我当前的代码 在functio
  • Iron 路由器中的多个订阅

    我一直在开发一个使用评论功能的应用程序 这导致必须订阅发表评论的集合和评论集合本身 现在看起来像这样
  • 打字稿地图迭代失败

    我正在使用下面的函数来比较两个地图 有趣的是 for 循环内的代码永远不会被执行 所以 console log key val 代码永远不会被执行 当然 我确保我正在比较的映射不为空并且大小相同 以强制执行 for 循环内的代码 我犯了一个
  • 将 PhotoSwipe 配置为不使用整个窗口?

    我目前正在尝试使用构建移动图片库照片滑动 http photoswipe com 我已经能够让它工作了 但有一个小问题 当我 单击照片缩略图 实际照片总是占据整个 视口 当您在移动设备上查看图库时 这是可以的 但是 如果您的视口是计算机屏幕
  • JavaScript:异常排序

    假设我有一个对象数组 为了更简单的显示目的 我将其显示为数组 TEST NEW ALPHA ZOO WHATEVER 我需要按字母顺序对其进行排序 简单的部分 但是 我需要以某种方式对其进行排序 即某个单词 可以说NEW将会在最后结束 AL
  • 在 Chrome 中使用 window.open 打开本地 HTML 文件

    我想通过 Javascript 打开本地 HTML 文件 使用 window open file C Users wins Desktop exclusiveWordpress html mywindow 但它会打开一个带有空白页面的新窗口
  • Select2 基本示例不起作用

    我想得到select2使用 symfony2 脚本的库 我正在尝试实现提供的基本示例https select2 github io examples html https select2 github io examples html pa
  • 如何使用 JS 和 Chrome 控制台向频道发送 Discord 消息?

    如何使用 JS 和 Chrome 控制台在不使用 Discord API 的情况下将 Discord 消息发送到 Discord 频道 看来这是不可能的事了 打开不和谐控制台 ctrl shift i 不起作用 请参阅下面的编辑 然后进入网
  • 使用“:not”和“.not()”选择器之间的性能差异?

    以下两条生产线之间是否存在速度 效率差异 table td not first child and table td not first child 我认为第一个会更好 因为它删除了对象 但是是否存在实际差异并且是否实质性差异 Thanks
  • 跨多个子域的 WebAuthn

    我正在尝试在我的网站上设置 WebAuthn 身份验证流程 但遇到了问题 我希望我的用户能够在主网站 www domain com 上注册他们的设备 以便可以通过用户设置轻松访问 身份验证本身通过 IdP sso domain com 在不
  • 需要帮助在 D3.js 条形图中将 x 轴刻度与条形对齐

    我有一个可用的线性条形图D3 js http d3js org 它也有基于时间的 x 轴 条形图绑定到计数属性 而轴绑定到日期属性 轴上的刻度未与条形对齐 知道如何将它们两者排列起来吗 这是 jsFiddle http jsfiddle n
  • CSS/Javascript 将单词与特定字符对齐

    我如何使用 CSS Javascript 将 html 中的单词与该单词中的任意字符对齐 更改对齐字符的样式 例如使其粗体 以与其他字符形成对比 如本例中所示 对齐和粗体 k e t 和 f stack overflow stack ove
  • 使用Ajax使用php将记录插入mysql数据库

    如何使用 Ajax 对此代码进行编码 请帮助 我是 Bignner 我已经编写了这段代码 它可以工作 但我想与 ajax 一起使用 因为不想重新加载页面 PHP文件 Code For Making Form And getting Data
  • Node Express 和 csurf - 403(禁止)无效的 csrf 令牌

    浏览并尝试了我在这里和其他地方通过谷歌搜索能找到的所有东西 但我就是无法克服这一点 我正在使用 Node Express EJS 并尝试在使用 jQuery ajax 发布的表单上使用 csurf 无论我如何配置 csurf 我都会收到 4
  • React-Router v4 渲染错误的组件但匹配正确

    我有一个带有两个按钮的侧边栏 测试 和 关于 Test 火箭图标 呈现在 test 处 About 主页图标 呈现在 处 它们都位于应用程序的根目录并嵌套在组件内 当我从 开始并单击 链接到 test 时 它总是加载 关于 组件 当我检查
  • 在多个 html 文件上运行 javascript

    我有一个包含 1000 个 html 文件的文件夹 我必须使用 xpath 从每个 html 中删除某些节点 所以我已经制作了javascript 我无法打开每个文件并通过 Firefox 控制台运行 javascript 我用的是linu
  • 当外部 div 动画时,Div 内的 Div 隐藏

    我有一个高度为 0 的父 div 和一个子 div 但在顶部使用 z index 我想要这个子 div 在单击时扩展父 div 的高度 效果确实很好 但是内部 div 消失在与父 div 平行的其他 div 后面 当动画完成时 它会再次显示
  • Jquery UI:日期选择器。如何通过 $_GET 在日期选择器中设置日期

    我找不到如何设置 GET 变量来手动设置日期选择器中的日期 http jqueryui com demos datepicker http jqueryui com demos datepicker 例子 那可能吗 Thanks 在此使用
  • 智能表 - 预选特定行

    我正在使用智能表 我需要预先选择特定行 因此 在加载我的列表后 我循环进入它并设置isSelected当我到达我想要选择的项目时属性 Preselect a row for var i 0 len scope displayCollecti

随机推荐

  • 更改 SQL 2005 中聚集索引列的排序规则

    我有一个使用错误排序规则创建的数据库 我更改了数据库的排序规则 但这也导致各个列的排序规则也不正确 这给我带来了一个问题 因此 我编写了一个脚本来循环并更改各个列的排序规则 这基本上有效 除了作为各自表上的聚集索引一部分的一些列之外 这些我
  • Django send_mail 函数中的 email_from 不起作用[重复]

    这个问题在这里已经有答案了 我在我的网站中放置了一个联系表单 并且在我的 settings py 中也有此表单 Email settings EMAIL USE TLS True EMAIL HOST smtp gmail com EMAI
  • 为什么 std::timed_mutex::try_lock_for 不起作用?

    我使用 gcc 4 8 1 configure configure prefix usr local 在 Ubuntu 12 04 中编译以下代码 但是当我运行它时 它不起作用 它没有停下来等待互斥体 它返回 false 并输出 Hello
  • Gherkin/Cucumber 是否有“foreach”或等效语法?

    小黄瓜是否有等效的 对于每个 声明 在以下场景中 我正在测试的页面有多个日期字段 我想在这些字段上运行相同的测试示例 这是我想要建模的场景 场景大纲 修改日期控件的精度值 Given I have just added a record W
  • VisualVM 可以通过 JMX 自动连接到远程进程吗?

    我有一个在远程计算机上运行的 Java 进程 该进程设置了一些 mbean 我也有jstatd以与 Java 进程相同的用户身份在该机器上运行 mbean 可以通过编程方式设置或使用 Dcom sun management jmxremot
  • 如何在Haskell中正确使用foldr?

    我正在尝试编写一个行为如下的函数 correctCards Card gt Card gt Int 它需要两个卡片类型列表并检查有多少张卡片是相同的 这是我的代码 correctCards answer guess foldr step a
  • 如何在 Kivy (Python) 中叠加 2 个布局?

    我正在尝试制作一个带有背景网格和顶层交互元素的应用程序 我在通过 python 覆盖第二层时遇到了麻烦 所以就像标题所说 有没有办法在 Kivy 中覆盖 2 个或更多布局 这就是我要找的 Solution Set the opacity第一
  • 如何在 npm 脚本中设置 process.env 变量?

    我使用以下命令创建了一个新的 Vue 应用程序 基于 Vite npm init vue latest并选择 Playwright 进行 e2e 测试 生成的配置文件提供了一个字段来设置无头模式 const config Playwrigh
  • 尝试在 Windows 上运行 Qt 应用程序的发布版本时出错

    我正在尝试构建我的应用程序的 Windows 版本 该程序在 Qt Creator 上编译并运行良好 但当我尝试独立运行它时 它会抛出以下错误 The procedure entry point Z17qt message output9Q
  • Codeigniter:使用活动记录时$query->free_result()?

    在我完成 CodeIgniter 模型中活动记录查询的结果集后 我应该使用 query gt free result 或者 ActiveRecord 会自动执行此操作吗 PHP 将在脚本完成后清理所有内容 但是 如果在循环中存在大量查询 则
  • Google Cloud VM 当 sudoing 要求输入密码时

    我一直在使用 Google Cloud debian 虚拟机 并且使用 sudo 执行超级用户任务完全没有问题 sudo 不要求输入密码 今天我像往常一样通过 SSH 连接 当我尝试须藤某事它开始要求输入密码 We trust you ha
  • 在 C# 中将字符串转换为整数时出现异常

    我收到错误 格式异常未处理 输入字符串的格式不正确 对于这一行 int right System Convert ToInt32 rightAngleTB Text rightAngleTB 是 TextBox 值 Text 是 25 不带
  • 将 Linq 查询结果导出到 Excel EPPLUS

    我开发了一个程序来获取 Linq 查询并使用 EPPLUS 将其写入 excel 文件 下面的代码 但它很慢 因为它逐行填充文件 有没有办法一次把excel文件全部填满 一次将所有查询导出到 Excel 文件 fnctnData是查询结果
  • 如何在 R markdown 投影仪中打印很长(超过 1 页)的参考书目?

    我在渲染涵盖多个页面的参考书目时遇到问题 因为只有第一页是使用 RMarkdown 和 beamer 输出打印的 同样的问题已发布在http rmarkdown rstudio com authoring bibliographies an
  • 如何检查跨域请求是否被禁用

    我一直在阅读 为了确保 ajax 请求安全 我需要确保禁用跨站点请求 在服务器端 如何禁用跨站点请求 或者检查它们是否被禁用 启用 默认情况下禁用跨站点请求 仅供参考 看看同源政策 http en wikipedia org wiki Sa
  • jquery 中的 XML 解析似乎不适合我

    我有一个静态 html 页面weather html
  • 在没有 JQuery 的情况下检查 select 元素中是否存在选项?

    不幸的是我无法访问 JQuery 以及它的所有优点 但我确实可以使用 JavaScript 如何检查 HTML Select 中是否存在 OPTION 编辑 为了澄清 我需要知道是否存在选项 例如
  • 在 Objective-C 中检查方法参数的最佳方法是什么?

    在对方法或函数进行编码时 最好检查输入参数以响应任何可能的失败情况 例如 void insertNameInDictionary NSString nameString myDictionary setObject nameString f
  • 如何在 Spring 和 EJB 中使用相同的事务?

    我没有 Spring 开发经验 因为我们是一家 Java EE 商店 然而 我们正在寻找一种能够满足我们需求的解决方案 该解决方案在 Spring 上运行 并且应该集成我们现有的 Java EE 解决方案 阅读 Spring 3 0 5 文
  • jquery函数中的索引是什么意思

    我是一个 jQuery 初学者 所以如果质量不好请原谅我 我想知道什么是index函数中的意思以及它到底指的是什么 以前我认为它指的是索引号 如 0 1 2 3 等 但是当我通过 1 2 3 代替索引时 我的代码停止工作 我检查了这个的类型