js实现选择不同的条件显示不同的内容

本文介绍如何使用JavaScript根据不同的条件来动态显示页面上的内容,通过条件语句如if...else...,switch等控制元素的可见性,实现交互式用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 function htmlcontent(data){
    	$("#myselfcon li").remove() ;
		for(var i=0;i<data.rows.length;i++){
				$("#myselfcon").append("<li class='update-li'><div class='left-img-body' style='width:20%;'>"+
						"<img src='${ctx}"+data.rows[i].imagefile+"' >"+
						"</div>"+
						"<div class='right-body' style='width:75%;'>"+
						"<div class='font-title'> <span>"+data.rows[i].saname+"</span>"+
						"<ul class='funcul'> <li > <a class='title-a active' onclick='functionjj(this,"+data.rows[i].said+","+data.rows[i].saname+")'>功能简介</a></li><li><a class='title-a' onclick='functionms(this,"+data.rows[i].said+","+data.rows[i].saname+")'>功能描述</a></li> <div class='clearBox'></div></ul>"+
						"</div>"+
						"<table cellpadding='0' cellspacing='0' id='"+data.rows[i].said+"'><tbody><tr><td>制品大类:"+data.rows[i].satype+"</td>"+
						"<td>发布省份:"+data.rows[i].registerorg+"</td><td>发布状态:<span class='red-font'>"+data.rows[i].sastate+"</span></td>"+
						"<td rowspan='3' class='last-td'><input type='button' class='ces-btn' value='制品发布'</td></tr>"+
						"<tr><td>制品小类:"+data.rows[i].sasubtype+"</td><td>发布时间:"+data.rows[i].registertime+"</td><td>最新版本:V"+data.rows[i].saversion+"</td></tr>"+
						"<tr><td colspan='3'> <input type='button' value='注册申请' class='lls-btn-active'>"+
						"<input type='button' value='注册审核' class='lls-btn'><input type='button' value='安全审核' class='lls-btn'>"+
						"<input type='button' value='入库审核' class='lls-btn'><input type='button' value='发布' class='lls-btn'>"+
						"</td></tr></tbody></table>"+
						"<table cellpadding='0' cellspacing='0' id='"+data.rows[i].saname+"' style='display:none'><tbody><tr><td>功能特性:"+data.rows[i].funcdesc+"</td>"+
						"</tr></tbody></table>"+
						"</div><div class='clearBox'></div></li>");
				
				
		}
	}
    
    function functionjj(data,id,name){
    	$(data).addClass('active');
    	$(data).parent().siblings().find('a').removeClass('active');
    	$(name).css('display','none');
    	$(id).css('display','show');
    }
    
    function functionms(data,id,name){
    	$(data).addClass('active');
    	$(data).parent().siblings().find('a').removeClass('active');
    	$(id).css('display','none');
    	$(name).css('display','show');
    }




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值