js如何获取当前li中的input值

<input type="text" name="haha" id="haha" value="">你把想要得到的value所在的id值给他就行documentgetElementById('haha')value;，那个值就有了

//前面的$('li')是你已经获取到的li元素

//find()方法里面传的就是你想要获取的某个元素下面的元素方法

$('li')find("a");

希望能够帮到你

var dv=documentgetElementById("star"); 获取id="star"的div

var ularr=dvgetElementsByTagName("ul"); 获取div下的ul

var liarr=ularr[0]getElementsByTagName("li"); 获取div下的ul下的li

liarr是个数组。

其实最简单方法是给ul一个id=“getli”；

然后var liarr=documentgetElementById("getli")getElementsByTagName("li");

liarr是个数组

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

html代码部分：

新建一个ul无序列表，并赋予id值，如：

<ul class="UL" id="UL">

<li>1111111</li>

<li>2222222</li>

<li>3333333</li>

<li>4444444</li>

</ul>

css部分：

接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框，如：

UL{display:block; width:100px; text-align:center; margin:20px auto;}

UL li{display:block; line-height:30px; cursor:pointer; border:1px dashed red;}

最后是JS代码部分：

//定义ul的悬浮函数

documentgetElementById("UL")onmouseover = function(e){

var target = etarget;    //获取对应目标元素

var children = thischildren;    //获取ul里面的所有li元素集合

for(i = 0;i<childrenlength;i++){

if(target == children[i]) { //对比目标元素和li集合元素

     alert("目标元素的下标为：" + i);    //输出目标元素的下标

return;

}

}

};

最后用浏览器打开该html文件，鼠标悬浮到li上面的时候，就会输出对应li的下标，比如鼠标覆盖在第3个li上面，即 <li>3333333</li>上面时，效果图如下：

以上就是关于js如何获取当前li中的input值全部的内容，包括:js如何获取当前li中的input值、js中获取到了 <li> 的元素 , 想获取li下某个class为'a'的 怎样写、本人js菜鸟，怎样用js获取ul里面的li元素，用js写，不用jq等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！