1. 程式人生 > >jquery 使用each 遍歷標籤元素,修改標籤內容

jquery 使用each 遍歷標籤元素,修改標籤內容

<script type="text/javascript">
function choose_customer(){
	$('[nctype="btn_add_customer"]').each(function(index){			
		if(!$(this).attr('data-customer_id')){
			$('[sort='+index+']').removeClass('ncsc-btn-green');
			//alert($(this).parent('li').html());
			$('[sort='+index+'] > span').text('<?php echo $lang['choose_already'];?>');	
		}else{
			//alert($(this).parent('li').html());
			$('[sort='+index+'] > span').text('<?php echo $lang['choose_customer'];?>');	
		}
	});
}
$(function(){choose_customer();});
</script>
<!--
//$key 是遍歷的鍵值,程式碼段:<?php foreach($output['store_customer_list'] as $key=>$val){?>
//使用each將相同的<a>遍歷出來, .each() 描述: 遍歷一個jQuery物件,為每個匹配元素執行一個函式。
//屬性 data-customer_id 為空是去掉<a>部分 class ,同時給 span 新增欄位
//屬性data-customer_id 不為空 只給 span 新增欄位
-->
<li><a nctype="btn_add_customer" sort="<?php echo $key;?>" data-customer_id="<?php echo $val['sc_customer_id'];?>" href="javascript:void(0);" class="ncsc-btn-mini ncsc-btn-green"><i class="icon-ok-circle "></i><span><?php echo $key;?></span></a></li>