js 实现获取name 相同的页面元素并循环遍历的方法

 更新时间:2017年02月14日 13:23:19   投稿:jingxian  
下面小编就为大家带来一篇js 实现获取name 相同的页面元素并循环遍历的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

<input type="hidden" name="blues" value="蓝色浏阳河之最">


<input type="hidden" name="blues" value="蓝色浏阳河之亲">


<input type="hidden" name="blues" value="蓝色浏阳河之恋">


<script type="text/javascript">


$("input[name='blues']").each(function(j,item){
   // 你要实现的业务逻辑

   console.log(item.value); //输出input 中的 value 值到控制台
});


</script> 

以上这篇js 实现获取name 相同的页面元素并循环遍历的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript实现获取网络通信进度

    JavaScript实现获取网络通信进度

    这篇文章主要为大家详细介绍了如何使用Fetch API和XMLHttpRequest(XHR)来执行网络请求,并重点说明如何获取这两种方法的网络请求进度,感兴趣的可以了解下
    2023-12-12
  • 浅谈javascript实现八大排序

    浅谈javascript实现八大排序

    排序有内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部的排序记录,在排序过程中需要访问外存。我们这里说说八大排序就是内部排序。
    2015-04-04
  • 前端云原生之微信小程序云服务配置指南

    前端云原生之微信小程序云服务配置指南

    前端边界又拓宽,走进火热的云原生云开发赛道,随着云原生时代的到来,各大厂纷纷上云,下面这篇文章主要给大家介绍了关于前端云原生之微信小程序云服务配置的相关资料,需要的朋友可以参考下
    2022-05-05
  • javascript面向对象三大特征之封装实例详解

    javascript面向对象三大特征之封装实例详解

    这篇文章主要介绍了javascript面向对象三大特征之封装,简单描述了封装的基本概念、原理,并结合实例形式详细分析了javascript面向对象程序设计中封装的用法与相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • JavaScript WeakMap使用详解

    JavaScript WeakMap使用详解

    这篇文章主要介绍了JavaScript WeakMap使用的详细介绍,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2021-02-02
  • ES6新特性二:Iterator(遍历器)和for-of循环详解

    ES6新特性二:Iterator(遍历器)和for-of循环详解

    这篇文章主要介绍了ES6新特性二:Iterator(遍历器)和for-of循环,结合实例形式分析了ES6中Iterator(遍历器)和for-of循环遍历操作的相关实现技巧与注意事项,需要的朋友可以参考下
    2017-04-04
  • bootstrap时间插件daterangepicker使用详解

    bootstrap时间插件daterangepicker使用详解

    这篇文章主要为大家详细介绍了bootstrap时间插件daterangepicker使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • TypeScript转javaScript的方法示例

    TypeScript转javaScript的方法示例

    本文主要介绍了TypeScript转javaScript的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • JavaScript Event Loop相关原理解析

    JavaScript Event Loop相关原理解析

    这篇文章主要介绍了JavaScript Event Loop相关原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • 原生JS实现的简单轮播图功能【适合新手】

    原生JS实现的简单轮播图功能【适合新手】

    这篇文章主要介绍了原生JS实现的简单轮播图功能,结合实例形式分析了基于javascript定时器控制页面元素动态变换实现轮播图的相关操作技巧,需要的朋友可以参考下
    2018-08-08

最新评论