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 相同的页面元素并循环遍历的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js获取form表单中name属性的值

    js获取form表单中name属性的值

    今天小编就为大家分享一篇关于js获取form表单中name属性的值,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • JavaScript箭头函数与普通函数的区别示例详解

    JavaScript箭头函数与普通函数的区别示例详解

    这篇文章主要为大家介绍了JavaScript箭头函数与普通函数的区别示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • HTTP HEAD请求的使用场合实例详解

    HTTP HEAD请求的使用场合实例详解

    这篇文章主要为大家介绍了HTTP HEAD请求的使用场合实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • js引擎垃圾回收机制示例详解

    js引擎垃圾回收机制示例详解

    最近看到一些面试的回顾,不少有被面试官问到谈谈JS垃圾回收机制,下面这篇文章主要给大家介绍了关于js引擎垃圾回收机制的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • 手把手教你实现一个JavaScript时间轴组件

    手把手教你实现一个JavaScript时间轴组件

    本文主要是给大家带来一个时间轴的组件开发教程,其主要功能就是可以拖动时间轴来定位当前时间,可以通过鼠标滚轮来修改当前时间分辨率,需要的可以参考一下
    2022-10-10
  • javascript中搜索数组的四种方法示例详解

    javascript中搜索数组的四种方法示例详解

    我们在学到js中数组的时候,我们会接触到js中数组的一些方法这些方法对我们来说,可以很便利的达到我们想要的结果,下面这篇文章主要给大家介绍了关于javascript中搜索数组的四种方法,需要的朋友可以参考下
    2022-12-12
  • JavaScript操作XML文件之XML读取方法

    JavaScript操作XML文件之XML读取方法

    这篇文章主要介绍了JavaScript操作XML文件之XML读取方法,涉及javascript操作XML文件的相关技巧,需要的朋友可以参考下
    2015-06-06
  • 实现抖音两个旋转小球的loading技巧实例

    实现抖音两个旋转小球的loading技巧实例

    这篇文章主要为大家介绍了实现抖音两个旋转小球的loading技巧实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • TypeScript 学习笔记之基本类型

    TypeScript 学习笔记之基本类型

    TypeScript 是 JavaScript 的超集,TypeScript 经过编译之后都会生成 JavaScript 代码。TypeScript 最大的特点就是类型化,因此才叫做 TypeScript。比起弱类型的 JavaScript,类型化的 TypeScript 显得更加容易维护。
    2015-06-06
  • Javascript实现飞动广告效果的方法

    Javascript实现飞动广告效果的方法

    这篇文章主要介绍了Javascript实现飞动广告效果的方法,可实现广告窗口的浮动显示效果,且广告窗口具有关闭功能,需要的朋友可以参考下
    2015-05-05

最新评论