js遍历ul里面的li里面的值

最新推荐文章于 2023-03-08 19:14:29 发布

原创最新推荐文章于 2023-03-08 19:14:29 发布 · 483 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #ViewUI

js 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于从特定的HTML结构中提取复选框的值和相邻文本信息。通过对页面元素的选择和遍历，该函数实现了对指定列表项的数据抓取。

不多说，直接上代码

<ul id="ul_damainList">
                		 
             				  
             				  
           				  			<li class="oddli">
           				  				 	
			                        	<span>
			                        		<!-- <input class="licheckbox" type="checkbox" name="dn" id='dn_&#20320;&#22909;.&#24191;&#19996;'/> -->
			                        		<input type="checkbox" name="你好.广东" class="licheckbox">
			                        	</span>
			                            <span>
			                            	<font color="#8c8c8c">
			                            		你好.广东(
			                            	</font>
			                            	<font color="#1fa400">尚未注册</font>
			                            	<font color="#8c8c8c">)
			                            	</font>
			                            	
			                            </span>
			                            <span class="litocart1"><a href="javascript: add2CartAjax('你好.广东')">加入购物车</a></span>
			                        </li>
             				  
             		  	
             				  
             				  
           				  			<li class="oddli">
           				  				 	
			                        	<span>
			                        		<!-- <input class="licheckbox" type="checkbox" name="dn" id='dn_&#20320;&#22909;.&#38598;&#22242;'/> -->
			                        		<input type="checkbox" name="你好.集团" class="licheckbox">
			                        	</span>
			                            <span>
			                            	<font color="#8c8c8c">
			                            		你好.集团(
			                            	</font>
			                            	<font color="#1fa400">尚未注册</font>
			                            	<font color="#8c8c8c">)
			                            	</font>
			                            	
			                            </span>
			                            <span class="litocart1"><a href="javascript: add2CartAjax('你好.集团')">加入购物车</a></span>
			                        </li>
             				  
             		  	
             				  
             				  
           				  			<li class="oddli">
           				  				 	
			                        	<span>
			                        		<!-- <input class="licheckbox" type="checkbox" name="dn" id='dn_&#20320;&#22909;.&#25105;&#29233;&#20320;'/> -->
			                        		<input type="checkbox" name="你好.我爱你" class="licheckbox">
			                        	</span>
			                            <span>
			                            	<font color="#8c8c8c">
			                            		你好.我爱你(
			                            	</font>
			                            	<font color="#1fa400">尚未注册</font>
			                            	<font color="#8c8c8c">)
			                            	</font>
			                            	
			                            </span>
			                            <span class="litocart1"><a href="javascript: add2CartAjax('你好.我爱你')">加入购物车</a></span>
			                        </li>
             				  
             		  	
                	</ul>

我想拿到 li 里面的checkbox的值和每个li里面第二个span里面的值，其中第二个span里面的值和checkbox的name相同。

function addToCartAjax(){
		
		//不能加入重复域名
		var liLength = $("#ul_damainList li.oddli").length;
		alert(liLength);
		for(var i = 0; i < liLength; i++){ 
			//var checkBoxElement = $("#ul_damainList li.oddli span:first input")[i]; 
			var inputElement = $("#ul_damainList li.oddli input.licheckbox")[i]; 
			alert(inputElement.checked);
			alert(inputElement.name);
			
        }
	}

注意：如果input的type是hidden的，要用冒号：如，var inputElement = $("#ul_damainList li.oddli input:hidden")[i]