JQuery获取div内的值,并根据值做出相应判断【十万火急】 15
<ddclass="stop"><divclass="num">0</div><divclass="ins_status">Stop</div></dd><ddclass...
<dd class="stop">
<div class="num">0</div>
<div class="ins_status">Stop</div>
</dd>
<dd class="error">
<div class="num">0</div>
<div class="ins_status">Error</div>
</dd>
<dd class="btn_details">
<a href="#">详细</a>
</dd>
</dl>
</li>
</ul>
</div> 展开
<div class="num">0</div>
<div class="ins_status">Stop</div>
</dd>
<dd class="error">
<div class="num">0</div>
<div class="ins_status">Error</div>
</dd>
<dd class="btn_details">
<a href="#">详细</a>
</dd>
</dl>
</li>
</ul>
</div> 展开
3个回答
展开全部
<script type="text/javascript">
window.onload=function(){
//你必须给div设置id
var kk=document.getElementById("在这填写div的id");
if(kk.innerHTML=="1"){
alert("div中的内容是1");
}else if(kk.innerHTML=="2"){
alert("div中的内容是2,我们可以把他设为其他值");
kk.innerHTML='<a href="#">我在里面放个链接</a>';
}
}
</script>
window.onload=function(){
//你必须给div设置id
var kk=document.getElementById("在这填写div的id");
if(kk.innerHTML=="1"){
alert("div中的内容是1");
}else if(kk.innerHTML=="2"){
alert("div中的内容是2,我们可以把他设为其他值");
kk.innerHTML='<a href="#">我在里面放个链接</a>';
}
}
</script>
追问
有多个li,不需要弹出,只需要修改div内的文本或者修改样式。我这不能传代码。网络监察部门会查
追答
既然有li,那么就有ul 在ul上加id,这里是kk var kk=document.getElementById("kk"); //创建10个li做实验 kk.innerHTML="";//先清空 for(var i=0;i"+i+""; } function ak(zhege){ //也可以做判断 alert( zhege.innerHTML ); if(zhege.innerHTML=="3"){ zhege.innerHTML="这个是3"; zhege.style.color="#963"; }else{ //你想改变什么在这修改 zhege.innerHTML="改变文字和颜色"; zhege.style.color="#369"; } }
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/jscript">
$(function(){
$('.search_sort a').click(function(){
$(this).parent().each(function () {//移除其余非点中状态
$('.search_sort a').removeClass("special_color");
});
$(this).addClass("special_color");//给所点中的增加样式
alert($(this).text());//输出所点的a的内容
})
})
</script>
<style>
.special_color{
font-size:16px;
color:#006633;
font-family:"微软雅黑";
}
</style>
</head>
<body>
<div class="search_sort">
<a href="#" class="special_color">全部</a>
<a href="#">用户</a>
<a href="#">原创</a>
<a href="#">翻唱</a>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(function(){
alert(getMsg("stop").num);
alert(getMsg("stop").ins_status);
function getMsg(which){
var $w = $("."+which),$n = $(".num",$w),$s = $(".ins_status",$w);
return {"num":$n.text(),"ins_status":$s.text()};
}
});
不知道你要哪个dd的值,写了个公用的,知道怎么用吧?
(1)调用getMsg,想要stop的,就传值stop给它。
(2)返回是个对象,两个属性,一个num、一个ins_status。
追问
0
instances
如果.instances .num的值为0,.instances加个class A 且将 .instance的文本改为xxx
如果.error .num的值为0,.instances加个class B
追答
$(function(){
var ins = getMsg("instances"),
error = getMsg("error");
if(ins.num == "0"){
var $ins = $("div.instances").addClass("A").text("xxx");
}
if(error.num == "0"){
$ins.addClass("B");
}
function getMsg(which){
var $w = $("."+which),
$n = $(".num",$w),
$s = $(".ins_status",$w),
$i = $(".instances",$w),
n = $n.length ? $n.text() : "",
s = $s.length ? $s.text() : "",
i = $i.lenght ? $i.text() : "";
return {"num":n,"ins_status":s,"instances":i};
}
});
没调试过,你试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询