js获取li标签下的a标签的值，js获取当前标签的子标签

js如何获取点击li标签里的值

新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

document.getElementById(a).innerHTML；//结果为A 你ID是一样的，用getElementById会默认是为第一个li的结果。

首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

整体思路：可以用for循环去遍历ul下的所有li；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

相关问答

Q1: jquery怎么为li里的a加类?怎么获取li里的a?

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

2、直接再利用，比如添加到页面其他地方之类的操作 。

3、思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

4、这样就是获取第一个li里面的第一个a元素，建议使用循环。

Q2: js取a标签值赋值给另外一个a标签?

1、方式一：input设置ID，当点击a标签时取a标签的文本并赋给input。方式二：点击a标签时，执行onclick事件时，把值直接传给js函数，取到值后赋给input。以下方式一实现代码，方式二的不写了。供参考。

2、可以通过input标签的ID或者是class，或者是其他的标志，获得input的value值。

3、首先在a标签的href里面的URL里加想要传递的参数，比如http：//？x=1 这样就把参数x=1传过去了 然后有两种做法。

4、js获取a标签的href值的方法和操作步骤如下：首先，打开html编辑器，如下图所示。其次，完成上述步骤后，创建一个新的html文件，例如index.html，然后编写相关代码，如下图所示。

5、例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(body).append($(a).attr(href))；。浏览器运行index.html页面，此时页面a标签的href值被成功取出并打印了。

Q3: 如何用js获取li标签值

1、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

2、你ID是一样的，用getElementById会默认是为第一个li的结果。

3、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。

4、li)； 获取div下的ul下的li liarr是个数组。

js获取li标签下的a标签的值的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取当前标签的子标签、js获取li标签下的a标签的值的信息别忘了在本站进行查找喔。