社区首页 >问答首页 >使用jQuery复制元素id并将其作为新名称

问使用jQuery复制元素id并将其作为新名称
EN

Stack Overflow用户

提问于 2017-06-16 13:00:47

回答 3查看 86关注 0票数 0

我有一个具有唯一ID的输入字段列表，希望将name属性更改为与每个输入字段id相同。我有以下代码：

<script>

jQuery( document ).ready(function() {

jQuery(".input-class").each(function() {

var saveId=jQuery(this).attr("id");
jQuery(".input-class").attr("name", saveId);

});

});

</script>

不幸的是，它接受第一个输入字段的名称，并将其放入所有后面。如何重置或重新检查每个元素的变量？

jquery

attributes

回答 3

Stack Overflow用户

发布于 2017-06-16 13:05:00

应该使用jQuery(this)为其中的每一个命名。当你使用jQuery(".input-class").attr("name", saveId)的时候，它会给它们起相同的名字。

<script>

  jQuery( document ).ready(function() {

  jQuery(".input-class").each(function() {

    var saveId=jQuery(this).attr("id");
    jQuery(this).attr("name", saveId);

  });

});

</script>

票数 0

Stack Overflow用户

发布于 2017-06-16 13:18:08

jQuery(".input-class").each(function() {
    jQuery(this).attr("name", jQuery(this).attr("id"));
});

任务是获取每个元素的id，并将id设置为每个元素的名称。

在循环中运行jQuery(".input-class").attr('name', jQuery(this).attr('id'))将导致所有实例在它能找到的第一个引用中被更改，因为如果您对一个或多个元素执行此操作，jQuery不会给出任何警告。

假设您在页面上有5个元素，当您执行jQuery(this).attr('id')时，您将在第一次迭代中获得第一个元素的id，但是jQuery(".input-class").attr('name', value)将导致所有元素的id都被更新

票数 0

Stack Overflow用户

发布于 2017-06-16 13:21:11

尝尝这个

$( document ).ready(function() {
$(".input-class").each(function() {
$(this).attr("name", $(this).attr("id"));
});

});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44589900

复制

SpringMVC中传值有些值为null使用@RequestParam(“name“)解决

jsp java

代码 package controller; import entity.User; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; /** * zt * 2020/10/9 * 20:44 */ @

呱

2020/10/23

1.2K0

mui页面跳转（传值+接收）

mui

1 <script type="text/javascript" charset="utf-8"> 2 mui.init(); 3 mui.plusReady(function() { 4 document.getElementById("test").addEventListener("tap", function() { 5 mui.openWindow({ 6

用户4973967

2019/12/16

2K0

@RequestParam 接收参数的值为null处理

网络安全编程算法

@RequestMapping(value = “/test”) public String test( @RequestParam(value = “profit”,required = false,defaultValue = “0”) int profit){ System.out.println(“profit:”+profit); return “success”; } 第一种处理方式(如上图)：defaultValue请求参数的默认值，一般和 required = false 一起使用

kirin

2021/03/25

3.3K0

vue事件发射与接收(可实现页面传值和非父子组件传值)

vue.js

1).给data添加一个名字为eventhub 的空vue对象,就可以在任何组件都可以调用事件发射接收的方法了，在main.js中添加：

honey缘木鱼

2018/12/28

1.6K0

react中类组件传值，函数组件传值：父子组件传值、非父子组件传值[通俗易懂]

https java javascript 网络安全

函数组件中我们一般情况下使用useEffect实现数据的请求 // useEffect Hook 看做 componentDidMount，componentDidUpdate 和 componentWillUnmount (加载，更新，卸载)这三个函数的组合。语法格式： useEffect(()=>{ },[])

全栈程序员站长

2022/08/30

6.3K0

vue项目iframe的传值问题

html vue.js

　　所以。我把插件的使用封装了一个html页面。vue项目则利用iframe的方式引入。

Dawnzhang

2019/11/21

1.8K0

react 父子传值_react 父子组件传值兄弟组件传值「建议收藏」

https 网络安全 jquery redux html

console.log(data1, data2, e) //输出 1 2 event内容

全栈程序员站长

2022/08/27

2.5K0

不再迷惑，无值和 NULL 值

编程算法 sql 数据库

在关系型数据库的世界中，无值和NULL值的区别是什么？一直被这个问题困扰着，甚至在写TSQL脚本时，心有戚戚焉，害怕因为自己的一知半解，挖了坑，贻害后来人，于是，本着上下求索，不达通幽不罢休的决心（开个玩笑），遂有此文。

用户7657330

2020/08/14

1.3K0

软件测试|SQL中的null值，该如何理解？

sql 自动化测试

Null值在SQL中是用于表示缺失或未知数据的特殊值。本文将深入探讨Null值的概念、处理方法和注意事项，以帮助读者更好地理解和处理SQL中的缺失数据。

霍格沃兹测试开发Muller老师

2023/09/07

2430

vue子组件给父组件传值接收不到数据_vue父向子组件传值

java https 网络安全

全栈程序员站长

2022/10/02

2K0

微信公众号测试配置url接收值为null

java 官方文档

服务器上部署之后，甲方提供了服务器对应的域名地址，但是F5配的是设备证书，腾讯公众号后管配置的url报错{"errcode":-106,"errmsg":"token check fail"}

小草精

2021/03/16

1.3K2

MySQL NULL值特性

编程算法

NULL是一种“没有类型”的值，通常表示“无值”，“未知值”，“缺失值”，“超界”，“不在其中”等，我们在日常运用中很容易和NULL字符串混淆，这里大致整理了下NULL值的一些特性，以便能够正确使用NULL值。

星哥玩云

2022/08/17

2.7K0

[JS ES6]传值和传址

编程算法

传值是获取一份儿相同的值，并自身重新开一份儿属于自己的内存地址,两个变量是互相独立的并不会互相影响。

坚毅的小解同志的前端社区

2022/11/28

2.7K0

elasticsearch 处理null值

云数据库 SQL Server Elasticsearch Service api 数据库 sql

1.查询为空的字段我们查询某个字段为空的数据时，在mysql中： select eid,ent_name from ent_search where enttype_code is NULL; 在elasticsearch中，我们使用的api为exists,这个查询是：查询这个字段为空的或者没有这个字段的: GET ent_search/_search { "_source": ["eid","ent_name"], "query": { "bool": {

IT云清

2019/01/22

2.9K0

block传值

其他

用户1451823

2018/09/13

1.7K0

组件传值

vue.js 编程算法 node.js

vue组件之间的传值大致分为三种：父组件给子组件传值，子组件给父组件传值，兄弟组件之间传值本文主要介绍vue组件之间简单的数据传递，如果组件之间传递的数据比较复杂，建议使用vue的状态管理模式 vuex

ZEHAN

2021/06/15

1.8K0

传值与传地址

编程算法 c++java

很多语言在传参的时候都有一个传值和传地址（或者是引用）的问题，我想用 C++ 语言来简单的描述一下。因为我觉得无论是传值还是传址，C 或者 C++ 这两种语言都是能够比较直观的描述清楚的语言，原因是可以容易的去观察内存。其他语言也可能可以，只是其他语言的我不太知道如何去做。

码农UP2U

2020/08/26

2.3K0

Python 传值 or 传引用

python 变量程序员对象函数

注：本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

宋天伦

2023/10/20

2180

16.动态路由传值和get传值

javascript

1.动态路由传值 1.在components目录下新建vContent.vue组件 <template> <div> <h2>{{msg}}</h2> </div> </template> <script> export default { data () { return { msg:'详情组件', } }, methods:{ }, mounted(){ console.log(this

玩蛇的胖纸

2019/10/21

1.6K0

点击加载更多

相似问题

问使用jQuery复制元素id并将其作为新名称
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

在Python中导入常用模块

如何隐式导入常用模块？

Python模块导入:导入模块中导入的模块如何？

我应该总是使用最通俗的方式来导入模块吗？

python:如何导入模块

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery复制元素id并将其作为新名称EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

在Python中导入常用模块

如何隐式导入常用模块？

Python模块导入:导入模块中导入的模块如何？

我应该总是使用最通俗的方式来导入模块吗？

python:如何导入模块

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery复制元素id并将其作为新名称
EN