在jquery中使用多个id

2023-12-05

我制作了一个小 jquery 脚本来检查输入框值是否大于 5 。但是我有 2 个带有 id 的标签,并且只有其中一个有效。

<div id="register">
    <form id="register">
<input id="first" type="text" /> <a id="first" ></a> <br />
    <input id="second" type="text" /> <a id="second" ></a>

</form>
$('input').keyup(function(){
if($(this).val().length<5)
   {
  $('a.first').text("Please fill"); 
   }
if($(this).val().length<5){
     $('a.second').text("Please fill"); 
   }
});

但它只显示第一个<a id="first"></a>标签。第二个标签不可见


你只需要改变你的<a>使用类:

<div id="register">
    <form id="register">
       <input id="first" type="text" /> <a class="first" ></a> <br />
       <input id="second" type="text" /> <a class="second" ></a>
    </form>
</div>

您正在使用的 jQuery 选择器:

$('a.first')
$('a.second')

正在寻找一个<a>和一个班级。如果您想寻找<a>如果有 id,它们需要如下所示:

$('a#first')
$('a#second')
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在jquery中使用多个id 的相关文章

  • Google 文档 - 以编程方式将鼠标点击发送到大纲窗格中的项目

    在 Google 文档中 您可以打开大纲窗格并查看文档中的所有标题 您也可以单击标题 视图将滚动到标题 我的问题是如何使用 Chrome 扩展中的 JS 以编程方式模拟鼠标单击 以将视图滚动到所需的标题 我尝试了以下代码 但没有任何反应 u
  • Javascript:如何根据 html 标签扩展用户选择?

    乐代码 http jsfiddle net frf7w 12 http jsfiddle net frf7w 12 所以现在 当前的方法将完全按照 选择的方式获取所选文本 并添加标签 以便在显示时页面不会爆炸 但我想做的是 就是说 当用户选
  • 如何延迟 NavLink 的反应?

    Delay e gt e preventDefault setTimeout gt e unpreventDefault make this work 500 render
  • jQuery 单属性、带过滤器的多值选择器

    Images var boxlinks a href filter href png href gif href jpg href jpeg 有没有更有效的方法来使用 jQuery 中的过滤器选择单个属性的多个值 这里我尝试仅选择带有图像作
  • 使用 jQuery 值更新 Angular 模型

    您好 我有一个附加在我的模型上的输入字段 当用户手动输入该字段时 会在更改时调用一个函数 这工作正常 并且模型按预期在控制台日志中反映
  • jQuery - 拖动div css背景

    我希望能够在 div 内按住鼠标并移动它的背景 在谷歌上搜索了很多 没有找到我想要的 这是目标 显示的地图是要拖动的对象 http pontografico net pvt gamemap http pontografico net pvt
  • 在js中检测浏览器的最佳方法

    JavaScript 中有很多浏览器检测方法 据我所知 使用navigator userAgent或检测特征 例如XMLHttpRequest 等等 谁能告诉我哪种方法最好 最有效 如果你真的需要知道什么browser他们正在使用 你主要需
  • 有一个带有复选框的 jsTree,如何禁用所有复选框?

    我有一个动态构建的 jsTree 它允许用户选择他选择的任何节点 现在我试图使这棵树只读 以便其他用户可以看到信息而不改变它 我找到的所有示例都是关于禁用特定节点 我的问题是 有没有办法将树上的所有复选框定义为只读 正在使用的代码 jQue
  • 从 url 角度加载模板并在 div 内编译

    由于我是 Angular JS 的新手 我想知道如何加载外部模板并将其与一些数据一起编译到目标中div 例如我有这个模板
  • Hydrate with RTK Query 确实会抛出错误

    我有一个非常简单的组件来显示来自本地 API 的数据 使用 Nextjs API 路由制作 我使用 RTK 查询来获取数据 const api createApi reducerPath data baseQuery fetchBaseQu
  • jQuery 1.6:backgroundPosition 与 backgroundPositionX 和 FF4 兼容性

    在尝试升级 jQuery 插件 iCheckbox http stackoverflow com questions 6032538 以在 jQuery 1 4 4 之上工作时 我发现使用 animate backgroundPositio
  • 测量填写部分的时间 - 谷歌表单

    我正在尝试使用谷歌表单进行研究调查问卷 对于某些部分 我想自动测量用户填写所需的时间 谷歌表单中没有这样的选项 我尝试复制表单源 并用 javascript 填充时间 但它不起作用 跨源问题 未能成功托管复制的表单 如何做到 我如何衡量回答
  • 如何按值删除数组中的多个项目?

    我正在尝试做一个removeAll 函数 它将删除具有该特定值 而不是索引 的数组的所有元素 当我们对循环进行任何更改时 棘手的部分就出现了 索引往往会移动 使其很难像我们想要的那样工作 并且每次更改时都重新启动循环 这在大数组上效率非常低
  • Material.Angular.io mat-autocomplete [displayWith] 函数更新范围变量

    我遇到了一个问题 我可以在实例化 mat autocomplete 的组件控制器中访问本地声明的变量 我面临的问题是局部变量被困在这个范围内 我无法更新它们 有关更新 mat autocomplete 范围变量的任何想法或想法 最终我要做的
  • 是否可以让 webpacks System.import 使用 ajax (用于进度事件)?

    所以我刚刚更新到 webpack 2 并进行了第一个工作设置 其中 webpack 通过查看 System import 调用自动创建块 相当甜蜜 但是 我使用 ajax 调用加载初始块 以便我可以加载时显示进度 https stackov
  • backbone.js:视图中影响集合中不同模型的按钮

    我刚刚开始使用backbone js 到目前为止 我真的很喜欢它 我有这样的事情 ModelA ModelB ViewA ViewB ModelA 持有 ModelB 的集合 如何使用按钮构建模型 B 的视图 单击该按钮会更改集合中下一个
  • 在部分渲染时执行 JavaScript

    我有一些 JavaScript 代码 我想在用户单击其文件夹之一后执行 它会触发 show 操作和 show js erb 从而呈 现部分内容 Show js erb 当用户单击其文件夹之一时触发 如下所示 body append 它成功注
  • 使用 Javascript 检测 Pepper (PPAPI) Flash

    我们使用的是专有的文档查看器 它与某些 Chrome 版本中的 Pepper 版本的 Flash 配合得不太好 所以我希望能够检测到它并重定向到不同格式的相同内容 由于这个版本似乎落后于 NPAPI 版本 所以我一直在使用闪光检测 http
  • 如何将命名空间与 TypeScript 外部模块一起使用?

    我有一些代码 基本类型 ts export namespace Living Things export class Animal move export class Plant photosynthesize dog ts import
  • 将一维数组转换为二维数组[重复]

    这个问题在这里已经有答案了 我正在开发一个程序 我必须将文本文件中的值读入一维数组 我已经成功获取该一维数组中的数字 m1 1 2 3 4 5 6 7 8 9 但我希望数组是 m1 1 2 3 4 5 6 7 8 9 您可以使用此代码 co

随机推荐

  • 处理禁用节点上的事件

    有什么方法可以处理鼠标单击 例如在禁用的元素上 我的任务是禁用列表并在双击它后将其启用 禁用的节点不会接收鼠标或按键事件 See the 官方文档 您可以将该节点包装到另一个节点中 并在那里处理鼠标事件 以防子节点被禁用
  • 如何在 asp.net 3.5 中会话超时时将用户重定向到默认页面

    我只想在 asp net 3 5 中会话过期时将用户重定向到主页 Default aspx 我只是用网络用户控制来做到这一点 但钢它不能完美地工作 所以我只想用 web config 来做到这一点
  • 多态性不适用于使用 MessagePack-Csharp nuget 的集合元素

    我无法反序列化实例之间具有继承关系的元素集合 有人遇到过这个问题吗 所以我的用例是这样的 我的模型与此类似 DataContract public class Item DataMember public int Id get set Da
  • 索引签名参数类型不能是联合类型。考虑使用映射对象类型代替

    我正在尝试使用以下模式 enum Option ONE one TWO two THREE three interface OptionRequirement someBool boolean someString string inter
  • 如何在自定义编译表达式中使用bindparam()?

    我的代码基于 zzzeeek 的回答这个问题 我对其进行了一些扩展 因此它考虑了 Postgresql 的 NULL 和 ARRAY class values FromClause named with column True def in
  • 如何获取XMLHttpRequest的响应?

    我想知道如何使用 XMLHttpRequest 加载远程 URL 的内容并将所访问站点的 HTML 存储在 JS 变量中 比如说 如果我想加载并alert HTMLhttp foo com bar php 我该怎么做 你可以通过以下方式获取
  • 重复 B 列中的值,直到 python 中 A 列发生变化

    我是 python 新手 有一个疑问 我需要在 B 列中重复该值 直到 A 列发生更改 这是示例数据 A B 18 1 18 0 18 0 24 2 24 0 24 0 24 0 10 3 10 0 10 0 我想要怎样的输出 Column
  • 如何解决解析带有西里尔字母符号的html文件的问题?

    我有一些带有 span 元素的 html 文件 span class one Text span some text span class two span 要获取 一些文本 coding cp1251 import lxml from l
  • ASP.NET Core 应用程序在发布到 Azure 后无法运行

    我有一个 ASP NET Core 应用程序 在本地运行良好 然而 当我publish Web 部署 将站点部署到 Azure 我得到403 You do not have permission to view this directory
  • 如何以编程方式创建和使用 ASP.NET 中的复选框列表?

    我有一个包含内容表的页面 我需要允许用户选择要处理的行 我已经弄清楚如何在表格中添加一列复选框 但我似乎无法弄清楚如何测试提交表单时是否选中它们 如果它们是静态元素 我就可以检查 dothis theCheckBox但它们是通过编程生成的
  • 编辑时,useState 在 CRUD 函数中重置为 initstate - React Star Component

    我正在尝试创建一个 CRUD 人员功能 其中每个人都拥有一系列技能 我想要一个功能 您可以在其中添加 编辑 删除特定人员的技能 每个数组由一个字符串形式的技能元素和一个整数形式的星号元素组成 我制作了一些动态输入字段 带有添加和删除功能 用
  • 如何访问CodeIgniter中的静态资源?

    我正在将 CodeIgniter 用于项目 文件夹结构 htdocs NewProject application 我创建了一个名为 Home 的控制器 applications controllers home php 我创建了一个视图
  • 线图中 x 轴标签居中

    我正在构建一个包含两条线的线图 一条用于高温 另一条用于低温 x 轴基于日期时间格式的一整年的天数 2014 01 01 等 然而 我在几个月内 一月 二月 三月等 更改了标签 而不是数据 问题是第一个标签 Jan 位于原点中 我想要的是将
  • Xcode 5 在创建新项目时崩溃

    我无法在 Xcode 5 中创建新项目 这适用于任何类型的项目 并且 IDE 在我点击时崩溃 没有任何错误消息Create填写项目信息后 点击新建项目按钮 我什至不知道从哪里开始寻找解决这个问题的方法 我想我上周创建了一个新项目 直到今天才
  • 如何在创建时拦截所有 Hibernate 会话(Spring / Grails 环境)

    有没有办法在创建新的 Hibernate 会话时拦截它们 我需要访问每个 Session 实例以启用带有参数的 Hibernate 过滤器 我得到的唯一解决方案涉及包装 SessionFactory 但这涉及到很多半令人讨厌的黑客行为 并且
  • 在 THREE.js 中,如何使纹理与分辨率无关并渲染而不会模糊?

    我试图将纹理应用于 THREE js 中的网格 但为了获得可接受的清晰度水平 我被迫使用比所需大得多的 PNG 尺寸高达数百像素平方 例如 如果我要使用一些简单的东西 例如八乘八的方格图案 那么最小的分辨率可能看起来像一堆点 用于纹理的代码
  • 段落标签未关闭?

    我将我的 html 代码简化为这样 div class index div p p h2 Who are we h2 wersfgse div 但是 当我运行它并打开页面源代码时 它显示 范围内没有 p 元素 但看到了 p 结束标记 它运行
  • 通过反射在 C# 中转换 System.__ComObject

    我正在尝试投射System ComObject使用反射到接口类型 我尝试过使用Convert ChangeType Object Type 但是 c 然后抛出这个错误 System InvalidCastException 对象 必须实现
  • VS2008一起调试ASP和ASP.net

    有没有什么方法可以从 Visual Studio 调试经典 ASP 和 ASP net 应用程序 以便我可以在 ASP 代码行和 ASP net 代码行上设置断点 这是针对具有较旧的经典 ASP 组件和较新的 ASP net 模块的遗留系统
  • 在jquery中使用多个id

    我制作了一个小 jquery 脚本来检查输入框值是否大于 5 但是我有 2 个带有 id 的标签 并且只有其中一个有效 div div