将输入值应用于其所有 td insidehtml

2024-04-21

当所有 td 内部有输入时,是否可以更改所有 td 的 innerhtml,我的意思是获取输入的值并将其应用到它的 td innerhtml,例如,这里是表及其内部输入:

<table>
 <tr>
  <td><input value="test" /></td>
  <td>123</td>
 </tr>
</table>

将其更改为:

<table>
 <tr>
  <td>test</td>
  <td>123</td>
 </tr>
</table>

对于所有 td 和输入值而不应用 id 和类?!请注意 td insidehtml 没有改变:) 谢谢大家的帮助! ;)


这很容易。

首先为您的表命名(以便轻松找到它)。

<table id="the_table">
 <tr>
  <td><input value="test" /></td>
 </tr>
</table>

然后你可以这样做:

$('#the_table td input[type="text"]').each(function() {
  var val = $(this).val();
  $(this).parent('td').html(val);
});

现场演示 http://jsbin.com/arebep.

解释:

  1. 查找其中的所有输入<td>在这个特定的表中。

  2. 对于每个输入:

    2.1 从输入中检索值

    2.2 找到输入的第一个父级<td>标记并设置其innerHTML到那个值

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

将输入值应用于其所有 td insidehtml 的相关文章

随机推荐

  • 强制用户注销会话 PHP

    我似乎无法找到这个问题的直接答案 有没有办法强制登录用户注销 我的登录系统本质上只依赖于包含用户唯一 ID 存储在 mysql 数据库中 的会话 所以本质上只是 if isset SESSION user id echo You re lo
  • Delphi XE2:为什么 FireMonkey 应用程序是高清的?

    根据 Delphi XE2 的发行说明 FireMonkey可以创建高清应用程序 HD 代表高清晰度 为什么是高清 VCL应用程序不能像FireMonkey一样创建高清应用程序吗 这里是Firemonkey 的文档 http docwiki
  • 来自 post 请求的有效负载在 Node.js 函数中不可用

    我刚刚开始摆弄三个新的 对我来说 框架 产品 MongoDB NodeJS 和 AngularJS 我想要完成的是让一个简单的表单提交一个值并将该值写入数据库 我已经到了这样的地步 在我的 Angular 应用程序中使用 http post
  • jQuery 中的对象或方法链接如何工作?

    我不是问链接的适当语法是什么 我知道它可能是这样的 myDiv removeClass off addClass on 据我所知 链接是相对于其他著名框架的优势之一 有人可以向我解释一下链接在这里是如何工作的吗 如果您有一个具有某些方法的对
  • 参数“sectionGroupName”无效

    我正在尝试添加服务引用 然后收到此错误 参数 sectionGroupName 无效 参数名称 sectionGrouName 项目运行 Net 3 5 当我将项目升级到 Net 4 0 时 它就可以工作了 但这对我来说不是一个选择 因为其
  • 为什么按钮不绘制?

    我不明白为什么按钮不绘制在它之前工作的背景上 这不会显示错误 这是代码 gt 这段代码是错误的吗 我的问题是否可以重现 它可能在按钮的代码中 我将不胜感激 import pygame pygame init screen pygame di
  • Kafka服务器未远程连接zookeeper服务器

    我正在尝试将 kafka 服务器 在 Windows 系统上 连接到 Zookeeper 服务器 我面临着 Opening socket connection to server 10 160 10 25 10 160 10 25 2181
  • Postmates 与 Shopify Shipping/Carrier 服务集成

    我们正在寻求集成此应用程序 https postmates com developer docs https postmates com developer docs进入我们的 Shopify 平台 有关其工作原理 请检查 http blo
  • 如何替换ng-view中的部分节?

    我倾向于 Angular 的路线 很清楚如何通过简单的设置将视图加载到 ng view 中template属性 假设我在视图上有一个小部件 当用户导航到 changeWidget 时 如何仅替换小部件内容 在我看来 我只能使用单个ng vi
  • android:errorMessageBackground 在 styles.xml 中找不到资源错误

    我正在研究EditText验证并使用 setError 显示错误消息 我的主要座右铭是根据我的应用程序设计更改错误弹出窗口 我用的是 android errorMessageBackground 风格但不幸的是我得到了 No Resourc
  • 将非标准 svn 转换为 git

    我们有一个非标准的 svn 设置 如下所示 Root gt Trunk gt Projects gt Project 1 gt Project 2 gt Project 3 gt Libraries gt Library 1 gt Libr
  • 使用 ggplot 包 R 更改图中 yaxis 面的标签

    这是我的数据集和生成绘图的代码 library reshape library ggplot2 set seed 357 myLetters lt function length out a lt rep letters length ou
  • 使用 Google Sign-In Android 获取用户的出生日期和性别

    我已经集成了Google Sign In在我的应用程序中 我可以获得用户的Email and DisplayName 现在 我想获取用户的Birthdate and Gender 我已经添加了所有必需的requests Scopes int
  • 对象和 console.log 的奇怪行为[重复]

    这个问题在这里已经有答案了 这段代码 foo id 1 id 2 id 3 id 4 id 5 console log foo1 foo foo length foo splice 2 1 console log foo2 foo foo
  • 创建的线程数超出预期

    你可以找到该程序here https pastebin com H5fq732a 我正在消息传递框架 0MQ 中构建一个程序 我尝试执行我发布的内容here https stackoverflow com questions 4409620
  • 从因子创建列并进行计数[重复]

    这个问题在这里已经有答案了 一个看似简单的问题却让我非常忙碌 我有一个数据框 gt df1 Name Score 1 Ben 1 2 Ben 2 3 John 1 4 John 2 5 John 3 我想创建这样的表格摘要 gt df2 N
  • unserialize() [function.unserialize]:在 49151 字节的偏移量 49151 处出错

    在将对象存储到数据库中并检索它之后 我遇到了像网站上的许多错误一样的偏移错误 如果我不存储它 一切都会正常 serializedObject serialize this unSerializedObject unserialize ser
  • 如何在 PHP 中压缩/解压缩长查询字符串?

    I doubt if this is encryption but I can t find a better phrase I need to pass a long query string like this http test co
  • 如何在登录时将用户名与加密密码相匹配(java)

    我已将用户名和加密密码存储在 oracle DB 中 我将如何将用户名与 登录时加密密码 例如 用户名 abcd 加密密码 a11jsuy 实际密码 abcd 当用户当时想要登录时 他将使用用户名 abcd 和密码 abcd 但数据库存储加
  • 将输入值应用于其所有 td insidehtml

    当所有 td 内部有输入时 是否可以更改所有 td 的 innerhtml 我的意思是获取输入的值并将其应用到它的 td innerhtml 例如 这里是表及其内部输入 table tr td td tr table