TEST$(document)ready(function(e){$(":button")click(function(event) {val = $("#content")val();$("fruit")append(""+val+"");});});你最喜欢的水果是 苹果 橘子 菠萝
既然已预知共有3个标签，且这3个标签都有共同的特性（包含li，li可能会有class为on的属性值），可以使用jQuery直接判断它们的数量，如果存在3个li的class带有on属性值的话，就是成功了。举例如下：
HTML代码：
<ul class="nav_q1"><li class="on">我是第一题</li>
</ul>
<ul class="nav_q2">
<li class="on">我是第二题</li>
</ul>
<ul class="nav_q3">
<li class="on">我是第三题</li>
</ul>
JavaScript代码：
if ($('nav_q1, nav_q2, nav_q3')find('lion:first')length == 3) {alert('验证通过');
}else{
alert('第' + ($('nav_q1, nav_q2, nav_q3')find('li:not("on")')first()parent('ul')index() + 1) + '题没有选');
}
//第一行中lion:first带有一个:first是为了防止同一个父元素下多个li标签存在class的on属性。只计算一个。
//如果每个父元素下都有lion那么就是成功了。
//在else中提醒未选的那条语句的li:not("on")是去寻找父元素下class不包含on的li标签。后面的first()是获取第一个被匹配的li标签。
这样处理的话，只是一行if语句就结果问题了。
代码已在本地测试过，可以提示验证通过或者某一个题未选。
。。。。楼上的这么翻译 ~~~
其实最好的是看官方的 文档 然后你知道那一个个方法具体是干啥的
不就知道意思了
你上面代码好多 大体上
$(#XX) 就是获取ID为XX的元素
attr 就是筛选 后面是class就是获取该元素class 再跟上的字段就是要给予的类名字，像他用的就是sele这个class
hide() 就是隐藏该元素
setTimeout 应该知道吧 定时器~~~~~
$(#nav_hover v sele) 这个意思就是 获取ID为nav_hover 这个元素
然后再获取其中class 名称为v 最后再获取v 中有sele 这个类的
下面这个就是获取到里面li元素了 明白了吧 其他的就你自己联系一下咯
全部写 实在太罗嗦了~~~~~~~~~
<div id = "nav_hover">
<ul class = "v">
<li class="sele">
</li>
</ul>
</div>
手写 jq框架自己替换 其他直接复制运行就行了 采纳
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="demo">
<div class="list">
<p id="question"></p>
<p id="answers"></p>
<p id="correctAnswer">正确答案：<span></span></p>
</div>
<div class="list">
<button id="next">下一题</button>
<button id="prev">上一题</button>
</div>
</div>
<script type="text/javascript" src="js/jquery-210js" ></script>
<script>
var init={'questions':[
{'question':'jQuery是什么？','answers':['JavaScript库','CSS库','PHP框架','以上都不是'],'correctAnswer':1},
{'question':'找出不同类的一项','answers':['写字台','沙发','电视','桌布'],'correctAnswer':3},
{'question':'国土面积最大的国家是：','answers':['美国','中国','俄罗斯','加拿大'],'correctAnswer':3},
{'question':'月亮距离地球多远？','answers':['18万公里','38万公里','100万公里','180万公里'],'correctAnswer':2}]}
var questions = initquestions
var mathLen = questionslength
var mathNum = parseInt(mathLenMathrandom())
function setHtml(num){
var mathTitle = questions[num]question
var mathAnswer = questions[num]answers
var correctAnswer = questions[num]correctAnswer
var span = ""
for (var i=0;i<mathAnswerlength;i++) {
span+="<span style='margin-right:10px'>"+mathAnswer[i]+"</span>"
}
$("#question")html(mathTitle)
$("#answers")html(span)
$("#correctAnswer span")html(correctAnswer)
}
$(function(){
setHtml(mathNum)
$("#next")click(function(){
if(mathNum==mathLen-1){
mathNum=0
setHtml(mathNum)
}else{
mathNum = mathNum+1
setHtml(mathNum)
}
})
$("#prev")click(function(){
if(mathNum==0){
mathNum=mathLen-1
setHtml(mathNum)
}else{
mathNum = mathNum-1
setHtml(mathNum)
}
})
})
</script>
</body>
</html>
以上就是关于jquery练习题添加水果全部的内容，包括:jquery练习题添加水果、jquery 关于循环判断的问题、jquery问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）