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

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

breezylee09

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

阅读量2.4k

点赞数

分类专栏： js 文章标签： javascript jquery ViewUI

本文链接：https://blog.csdn.net/breezylee09/article/details/84412776

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

不多说，直接上代码

<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]