jquery 显示隐藏数据/睁眼闭眼效果缩略图
<div class="uc-card">
	<div class="uc-data-cell">
		<div class="uc-cell_hd flex-center"><span>总收益(usdt)</span><span class="iconfont icon-eye on"></span></div>
		<div class="uc-cell_bd flex-center">
			<span class="val data-toggle on" data-value="10.0383292">**********</span>
			<span class="test-value">
				<i class="iconfont icon-tiyanjin"></i><span>238403.00(usdt)</span>
			</span>
		</div>
		<div class="uc-cell_ft">≈$ <span class="data-toggle on" data-value="10.35">*****</span></div>
		<a href="bill.html" class="uc-cell-link">账单 &gt;</a>
	</div>
	<div class="uc-grop">
		<div class="uc-data-cell">
			<div class="uc-cell_hd">今日收益(usdt)</div>
			<div class="uc-cell_bd"><span class="data-toggle on" data-value="22828.383">*********</span></div>
		</div>
		<div class="uc-data-cell">
			<div class="uc-cell_hd">委托交易(usdt)</div>
			<div class="uc-cell_bd"><span class="data-toggle on" data-value="2.50">****</span></div>
		</div>
	</div>
	<div class="uc-circle-a"></div>
	<div class="uc-circle-b"></div>
</div>

// eye  数据显示隐藏
$('.icon-eye').click(function(){
	$(this).toggleClass('on')
	$('.data-toggle').toggleClass('on')
	$('.data-toggle').each(function(){
		var v = $(this).attr('data-value')
		if($('.icon-eye').hasClass('on')){
			console.log(v.length)
			var stars=[];
			for(var i=0;i<v.length;i++){
				stars.push("*");
			}
			$(this).text(stars.join(""))
		}else{
			$(this).text(v)
		}
	})
})

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注