关于获得一个ID如何用JQUERY获得他附近的一个input隐藏域

获取HTML元素ID与Value
最新推荐文章于 2024-04-27 18:00:34 发布
原创 最新推荐文章于 2024-04-27 18:00:34 发布 · 292 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #jquery #ViewUI

本文介绍了一种方法，用于从HTML代码中定位特定元素，并详细说明了如何通过DOM操作来获取第二个img标签之后的隐藏输入框的ID及value属性。

<div >

<a  id ="trees:tree:myTreeNodes:0:myTreeNodes:4::myTreeNode:handle "  class ="rich-tree-node-handle "  onclick =" return false; "  href ="# " >
<img  id ="trees:tree:myTreeNodes:0:myTreeNodes:4::myTreeNode:handle:img:collapsed "  class ="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img rich-tree-node-handleicon-collapsed "  style ="border: 0pt none; display: none; "  src ="/intelligence/a4j/g/3_3_1.GAorg.richfaces.renderkit.html.images.TreePlusImage/DATB/eAH7!!!!72fXGBgYACWpBbU_ "  alt ="" >
<img  id ="trees:tree:myTreeNodes:0:myTreeNodes:4::myTreeNode:handle:img:expanded "  class ="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img rich-tree-node-handleicon-expanded "  style ="border: 0pt none; "  src ="/intelligence/a4j/g/3_3_1.GAorg.richfaces.renderkit.html.images.TreeMinusImage/DATB/eAH7!!!!72fXGBgYACWpBbU_ "  alt ="" >
</a >
<input  id ="trees:tree:myTreeNodes:0:myTreeNodes:4::myTreeNodeNodeExpanded "  class ="dr-tree-h-input "  type ="hidden "  value ="true "  name ="trees:tree:myTreeNodes:0:myTreeNodes:4::myTreeNodeNodeExpanded " >
</div >


我能获得到第二个img的 ID如何获得到下面input隐藏域的ID或value
【jQuery】第四课——掌握jQuery选择器的使用，会使用jQuery选择器获取元素
王迪
09-08 2562
知识点：了解jQuery选择器的基本概念及优势、能够使用不同的jQuery选择器选取元素，比如基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器的使用，了解使用jQuery选择器的注意事项。 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处...
jquery查找div下第一个input_jquery获取div里面的第一个子元素方法总结
weixin_42511587的博客
02-26 1433
My JSP 'index.jsp' starting page $(document).ready(function(){ //alert($("#divName input:first").val()); //alert($("#divName>input:first").val()); //ale...
jquery中获取相邻元素相关的命令：next()、prev()和siblings()
weixin_34218890的博客
05-18 1292
jquery里我们要获取某个元素的相邻元素时，可以用到的命令有三个： next():用来获取下一个同辈元素。 prev():用来获取上一个同辈元素。 siblings()：用来获取所有的同辈元素。 下面来看看简单的实例： &lt;div&gt; &lt;p id="1"&gt;1&lt;/p&gt; &lt;p id="2"&gt;2&lt;/p&gt; &amp
前端——css层叠样式表（盒子模型、div、布局、基本选择器）
Today_He的博客
09-22 625
隔行换色——纯css tr:nth-child(odd) { background-color: azure; } tr:nth-child(even) { background-color:antiquewhite; }
jquery 获取隐藏域的值
热门推荐
冰恋云的专栏
04-07 2万+
获取隐藏域的值 页面 "> jquery获取   var ycid = $("input:hidden[name='ycid']").val();
JQuery
weixin_45701868的博客
05-17 1752
目录 1. 什么是 JQuery 2. JQuery 特点 3. 入门程序 4. JQuery 语法 4.1.语法 4.2.说明 4.3.核心函数的功能 5. 什么是 Jquery 对象 6. 使用 jQuery 对象的优缺点： 7. 编码习惯 8. DOM 转 Jquery 对象 8.1.语法 8.2.案例 9. JQuery 转 Dom 对象 9.1.语法 9.2.案例 10. 什么是 jQuery 选择器 11. jQuery 选择器的基本语法 12. 基本选择器
jQuery
vV_Leon的博客
04-27 2200
学习jQuery
jQuery插件ajaxFileUpload使用详解
10-20
jQuery插件ajaxFileUpload是一个用于异步上传文件的jQuery插件，它的原理是创建隐藏的表单和iframe，然后通过JavaScript提交，以获得服务器的返回值。这个插件并不是特别出名，但由于它允许开发者以类似于jQuery ...
jQuery插件ajaxFileUpload使用实例解析
10-21
该插件通过创建一个隐藏的表单和iframe，利用JavaScript动态地提交文件数据到服务器端，从而实现异步上传。用户在选择文件后，不需要刷新页面即可上传文件并获得服务器的响应结果。 首先，为了使用ajaxFileUpload...
JQuery控制input的隐藏和显示
04-06 1万+
radio: 选择类型： 出差   脱产学习   事假   病假
jquery 获取div下的第一个子元素方法总结
D的博客
07-25 2万+
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath= request.getScheme()+"://"+request.getServerName()+":"+request...
jquery查找div下第一个input_jQuery属性选择器对象\筛选器方法
weixin_42638178的博客
01-05 1356
Ⅰ 属性选择器<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>WOT</title> <script src = 'jquery.min.js'></script> </hea...
jquery查找div下第一个input_如何用jq获取一个div内部所有input[type='text']的值
weixin_33196555的博客
12-30 1162
展开全部$(document).ready(function(e) {$("#Div1 input[type=text]").each(function() {var v = $(this).val();});});扩展资料：关于JQ获取值的各种方法htmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/x...
jQuery获取相邻标签的值
weixin_30480075的博客
04-05 367
<!-- Mazey's jQuery --><script language="javascript" type="text/javascript" src="http://www.mazey.cn/js/plugin/jquery/jquery-2.1.1.min.js"></script><div><p id="1" onclick="f...
jQuery 子节点的隐藏与展示
SeaWolf-S的博客
10-11 1448
jQuery 子节点的隐藏与展示,单击父节点，如果子节点隐藏，则展示；如果子节点展示，则隐藏。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> ul{ list-style: n...
html中隐藏域hidden的作用
syaguang2006的专栏
08-26 5379
html中隐藏域hidden的作用
创建一个input文本输入框，jQuery语法如何获取input的值
最新发布
07-11
在网页开发中，可以通过 jQuery 动态创建 `input` 文本输入框，并使用 `.val()` 方法获取其当前值。jQuery 提供了灵活的 DOM 操作能力，使得动态添加元素和绑定事件变得简单高效。 ### 创建 input 输入框并获取输入值 以下是一个完整的示例，展示如何使用 jQuery 动态创建一个 `input` 元素，并通过按钮点击事件获取其输入内容： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态创建Input并获取值</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <div id="container"></div> <button id="createInput">创建输入框</button> <button id="getValue">获取输入值</button> <p>当前输入的内容是：<span id="output"></span></p> <script> $(document).ready(function() { $('#createInput').on('click', function() { $('#container').append('<input type="text" id="dynamicInput" placeholder="请输入内容">'); }); $('#getValue').on('click', function() { var inputValue = $('#dynamicInput').val(); if (inputValue) { $('#output').text(inputValue); } else { $('#output').text('输入框为空'); } }); }); </script> </body> </html> ``` 上述代码首先监听“创建输入框”按钮的点击事件，当用户点击该按钮时，在指定容器中插入一个新的文本输入框。接着监听“获取输入值”按钮的点击事件，使用 `$('#dynamicInput').val()` 获取输入框中的内容，并将其显示在页面上 [^1]。 --- ### 使用事件委托处理动态添加的输入框 如果需要对多个动态添加的输入框进行统一管理，例如实时响应输入变化，可以使用事件委托的方式绑定 `input` 事件： ```javascript $(document).on('input', '#dynamicInput', function() { $('#output').text($(this).val()); }); ``` 这种方式确保即使输入框是在页面加载后才被添加到 DOM 中，也能正确触发事件并更新显示内容 [^1]。 --- ### 注意事项 - 若存在多个动态输入框，建议为每个输入框设置唯一的 `id` 或使用类名进行区分。 - 在获取值之前应检查输入是否为空，以避免出现空值错误。 - 对于大量动态内容的操作，应尽量将事件绑定在较近的静态父节点上，以提高性能。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值