`

js获取多个<a>标签其中的一个值

阅读更多

在写jsp的过程中往往会出现多个相同的标签,但我们只要取其中之一,由于有时候标签数量过多,不可能都会去用id去区分每个标签的,这样代码量会很大,灵活性太差了。

HTML代码:

<a href="#">长宁</a> <a  href="#">崇明</a> <a href="#">奉贤</a> <a href="#">虹口</a> <a href="#">黄浦</a> <a href="#">嘉定</a> <a href="#">金山</a> <a href="#">静安</a> <a href="#">卢湾</a> <a href="#">闵行</a> <a href="#">浦东</a> <a href="#">普陀</a> <a href="#">青浦</a> <a href="#">松江</a> <a href="#">徐汇</a> <a href="#">杨浦</a> <a href="#">闸北</a> <a href="#">其他</a>

 这里就需要简洁的实现了,这里主要是运用jquery插件

js代码:

$("a").live("click",function(){
       var text =$(this).text();//这里是获取点击某一个<a>标签的text值
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //这里是给某个标签赋值			
	});

 但是“a.childNodes[0].data ” 在这里,并不是所有的浏览器都支持,比如:ie6 就不支持。为了浏览器兼容,这里可以选择最原始的方法“document.getElementById(id).innerHTML(text)”,这个是基本支持全部浏览器的;还可以使用jquery:“$("#id").html(text)”。

如果要显示不同div里的<a>标签的时候,可以给该div定义一个ID 然后通过DIV 的id来获取相应的值

$("#divid a").live("click",function(){
       var text =$(this).text();//这里是获取点击某一个<a>标签的text值
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //这里是给某个标签赋值			
	});

 

 

1
1
分享到:
评论

相关推荐

    可变颜色标签<a>

    【可变颜色标签&lt;a&gt;】是一个关于HTML和CSS技术的知识点,主要探讨如何在网页设计中实现标签元素`&lt;a&gt;`的颜色动态变化。在网页开发中,`&lt;a&gt;`标签通常用于创建超链接,它的样式控制是提升用户体验、增强交互性的重要手段...

    百度编辑器ueditor上传图片视频以及div去掉P标签

    在实际应用中,处理`&lt;p&gt;`和`&lt;div&gt;`标签的问题可能涉及到HTML5语义化、CSS样式控制、以及前后端数据交互等多个方面。了解这些知识点对于优化ueditor使用体验至关重要。 【标签】:“ueditor”是本次讨论的核心,它是...

    JS获取元素多层嵌套思路详解

    如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧。 HTML: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta ...

    javascript中BASE标签作用

    `&lt;base&gt;`标签是一个关键的HTML元素,主要用于定义文档中所有相对URL的基准URL。它对于链接、图片、样式表等外部资源的引用至关重要,因为它提供了一个基础地址,使得所有相对路径可以基于这个地址进行解析。 ### `...

    javascript获取下拉列表的值

    `&lt;select&gt;`标签用于创建一个下拉列表,其中包含多个`&lt;option&gt;`标签,每个`&lt;option&gt;`代表用户可以选择的一个选项。例如: ```html &lt;select id="mySelect"&gt; &lt;option value="option1"&gt;Option 1&lt;/option&gt; &lt;option ...

    HTML中的select标签如何使用.docx

    HTML中的`&lt;select&gt;`标签是构建交互式网页表单的重要元素,它允许用户从预定义的选项中选择一个或多个值。在HTML中,`&lt;select&gt;`标签通常与`&lt;option&gt;`标签配合使用,用于创建下拉列表。下面将详细介绍`&lt;select&gt;`标签的...

    HTML相关技术基础知识收集.pdf

    除了&lt;table&gt;,还有其他常见标签,如&lt;header&gt;和&lt;footer&gt;用于定义页面头部和底部,&lt;h1&gt;到&lt;h6&gt;定义标题级别,&lt;p&gt;用于段落,&lt;a&gt;定义链接,&lt;img&gt;插入图片,&lt;ul&gt;和&lt;li&gt;创建无序列表,&lt;ol&gt;和&lt;li&gt;创建有序列表,&lt;div&gt;作为...

    html语言标记查询手册

    body标签则包含了网页的主体内容,如段落(&lt;p&gt;)、标题(&lt;h1&gt;至&lt;h6&gt;)、链接(&lt;a&gt;)、图像(&lt;img&gt;)等。 在HTML中,标签通常是成对出现的,比如&lt;div&gt;和&lt;/div&gt;,它们定义了一个区块。单个闭合标签,如&lt;img&gt;,不需要...

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    例如,当页面中存在多个链接(即a标签)时,我们可能希望通过点击某个链接,使得该链接变色以突出显示,同时让其他链接恢复到原始状态。这种交互不仅提高了用户界面的友好性,还能帮助用户识别当前所在位置。本文将...

    HTML5 对各个标签的定义与规定:base

    如果存在多个`&lt;base&gt;`标签,则只有第一个会被解析器处理,其余的都将被忽略。 2. **必需属性**:`&lt;base&gt;`元素必须至少包含`href`或`target`属性中的一个,通常情况下会同时设置这两个属性以充分发挥`&lt;base&gt;`的作用。...

    jquery mbMenu.js实现的展开式菜单实例.rar

    `jQuery mbMenu.js` 是一个专门用于创建响应式、多级展开式菜单的JavaScript插件。这个实例展示了如何利用该插件来构建一个功能丰富的菜单系统,其中包含文字段落和图片内容,并且支持至多三级的子菜单。 `jQuery` ...

    HTML语言使用手册

    在学习过程中,阅读"安装说明.txt"可能是为了获取编辑器或相关工具的安装指南,"常用网.url"可能包含了学习资源网站的快捷方式,而"wwww.52eshu.com欢迎您来下载"可能是推荐的一个学习平台。"28231130548"可能是联系...

    解决浏览器不支持video问题

    可以结合 `&lt;video&gt;` 标签和 Flash 技术,提供一个 Flash 备选播放器,但请注意,这可能导致安全和性能问题。 五、使用 JavaScript 库 JavaScript 库如 Video.js 或 Plyr 可以帮助处理浏览器兼容性问题,提供统一的...

    js获取table行 列 的值

    这里的 `&lt;table&gt;` 标签定义了一个表格,并且每个 `&lt;tr&gt;` 元素代表一行,而 `&lt;td&gt;` 元素代表单元格。在这个例子中,每个单元格都包含一个 `&lt;input type="text"&gt;` 元素,用来显示具体的数值。 ### 二、JavaScript ...

    Jquery操作select标签例子

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`&lt;select&gt;`标签的操作。本文将详细讲解如何使用jQuery来管理HTML中的`&lt;select&gt;`元素,包括选择、更改选项,获取选中项的文本、值...

    开发核心资料手册全集----HTML 文档 超级详细 核心文档

    标签通常是成对出现的,如`&lt;tag&gt;`和`&lt;/tag&gt;`,其中`&lt;tag&gt;`是开始标签,`&lt;/tag&gt;`是结束标签。标签可以设置属性来控制元素的行为和外观。例如,`&lt;img&gt;`标签用于插入图片,`&lt;font&gt;`标签用来改变文字的字体大小和颜色,`...

    我的网页真的很好的,呵呵呵

    &lt;p&gt;这是一个示例段落。&lt;/p&gt; &lt;a href="http://example.com"&gt;点击访问示例网站&lt;/a&gt; &lt;/body&gt; &lt;/html&gt; ``` 浏览器会将这个文档解析并呈现为一个包含标题、段落以及链接的网页。 ##### 3.1.3 HTML常用标签 - **`...

    js简单获取表单中单选按钮值的方法

    在Web开发中,表单是收集用户输入数据的一种常见方式。...当单选按钮组的结构变得复杂时,比如分布在多个不同的`&lt;form&gt;`元素中,或者页面中存在多个类似的单选按钮组,就可能需要更精细的逻辑来定位和获取正确的值。

    html 页面

    标签可以带有属性,如`&lt;a href="url"&gt;`定义链接,其中`href`属性指定目标URL。 3. HTML属性: 属性是附加在HTML标签上的额外信息,比如`&lt;img src="image.jpg" alt="描述图像的文字"&gt;`,`src`属性指定了图像的源文件...

    H5 Video标签调用摄像头进行录像,兼容苹果、安卓系统、可在微信浏览器正常使用

    // 这里可以将blob数据转换为URL,然后创建一个a标签下载,或者通过Ajax等方式上传到服务器 } &lt;/script&gt; ``` 四、兼容性处理 虽然MediaStream Recording API在大多数现代浏览器中已经支持,但在一些旧版本或者...

Global site tag (gtag.js) - Google Analytics