首先你得布局就有问题，li标签本来就是块状元素，为什么里面就一个a标签你还要在外面加个div标签，你可以把a标签直接转换成块状元素。。$('li')click(function(){$(this)addClass('ok')parent()siblings()children()removeClass('ok');});不过我猜测，你这样给div元素加属性，里面的a标签享受不到。
<div class="setPrice">
<input total />
<input type="checkbox" /><input value="0"/> <!--2个挨在一起就好 可以套DIV 可以任意组-->
<input type="checkbox" /><input value="0"/>
<input type="checkbox" /><input value="0"/>
</div>
<script>
$('[total]')keyup(function(){
setPrice($(this)closest('setPrice'));
});
$('setPrice')find(':checkbox')change(function(){
setPrice($(this)closest('setPrice'));
});
function setPrice(obj){
var total = objfind('[total]')val();
var eachs = objfind(':checked');
var price = (total / eachslength)toFixed(2);
eachsnext()val(price);
}
</script>
JQ请自己引用 需要什么name可以自己随意加 total属性和class不动 或者全部换成你喜欢的也可以
你直接用我的代码吧，我改了不少：
<body><form>
姓名：<input type="text" name="姓名" id="name" /> 成绩：<input type="text" name="成绩" id="score" /> <input type="button" id="saveBtn" value="保存" onclick= "Add()" />
</form>
<br />
<table width="100%" border="1" id="SmithTb">
<tr><td width="30%"><input type="checkbox" id="ckall" /> 选择</td><td width="30%">姓名</td><td width="40%">成绩</td></tr>
<tr><td><input type="checkbox" class="cbx" /></td><td width="30%">张三</td><td width="30%">70</td>
<tr><td><input type="checkbox" class="cbx" /></td><td width="30%">李四</td><td width="30%">90</td>
</table>
<script type="text/javascript" src="/include/jquery-182minjs"></script>
<script type="text/javascript">
$(document)ready(function(){
$("#ckall")click(function(){
var th = $(this)is(":checked");
$("cbx")each(function(){
$(this)attr("checked", th);
});
});
});
function Add(){
var name = $("#name")val();
var score = $("#score")val();
var isAdd = true;
$("cbx")each(function(){
if($(this)is(":checked")){
isAdd = false;
$(this)parent("td")next("td")text(name);
$(this)parent("td")next("td")next("td")text(score);
}
});
if(isAdd)
$("#SmithTb")append('<tr><td><input type="checkbox" class="cbx" /></td><td width="30%">'+name+'</td><td width="30%">'+score+'</td></tr>');
}
</script>
</body>
$("#leftMenuPanelId")children("div")filter(function(index){ //树形菜单根目录下子菜单循环
return thisstyledisplay !== 'none'; //隐藏所有子菜单
})
children("ul")
treeview({})
find("li")
bind("click", function(event) {
EUIFrameWorkMenuMgrprocessLeftMenuStyle(this, event); //处理样式的变化
});
/
点击左侧栏菜单树时，树样式变化的处理
/
processLeftMenuStyle : function(self, event){
// 阻止click事件冒泡 阻止默认事件
eventpreventDefault();
eventstopImmediatePropagation();
$(self)closest("div")find("li")removeClass("ces-menu-tree-curr"); //样式修改删除样式
$(self)addClass("ces-menu-tree-curr"); //样式修改添加样式
if (eventtargettagName == 'DIV') { //如果是div标签
return; //不做处理
}
$(self)children("ul")slideToggle(300); //隐藏UL标签下的内容
/ 未点击三角图标时，图标也要一起变化 /
if ($(self)has("div")length) {
$(self)children("div")toggleClass("collapsable-hitarea"); //切换样式 如果id为self的子节点有collapsable-hitarea则删除如果没有就添加
$(self)children("div")toggleClass("expandable-hitarea"); //同上
if ($(self)hasClass("lastExpandable")
|| $(self)hasClass("lastCollapsable")) {
$(self)toggleClass("lastCollapsable");
$(self)toggleClass("lastExpandable");
$(self)children("div")
toggleClass("lastCollapsable-hitarea");
$(self)children("div")
toggleClass("lastExpandable-hitarea");
}
}
},
目测这个应该是一个树形菜单在接受点击事件的时候，对应的样式修改。比如原来不可见的子菜单变为可见，
原来样式为关闭的根菜单变为打开状态没有太多的逻辑纯修改样式
for (int i = 1; i <= 10; i++) {
var obj = documentgetElementById("dp"+i);
if (objoffsetTop - top < 0) {
$("#dp"+i)eq($(this)closest("div")index())addClass("dhover");
}
if (objoffsetTop - top > 175) {
$("#dp"+i)eq($(this)closest("div")index())removeClass("dhover");
}
}
用jquery库吧。
<ul id="abc"><li>abcdefg<input type="button" class="del"/></li>
<li>abcdefg<input type="button" class="del"/></li>
<li>abcdefg<input type="button" class="del"/></li>
</ul>
<script>
$(function(){
$('#abc')on('click','del',function(){
$(this)closest('li')remove();
return false;
});
});
</script>
那就用唯一的标识呗
就算class你也可以加上自己的标识 组成唯一标识
class="class1"和class="class1 myclass"是不一样的
给你举个例子：
<input class="input" value="input">
<input class="input text" value="input text">
$("input")val() = "input"
$("input,text")val() = "input"
$("inputtext")val() = "input text"
以上就是关于求助,关于JS/juery 点击循环改变class样式全部的内容，包括:求助,关于JS/juery 点击循环改变class样式、js 分摊数据 自动计算、JS添加行和保存修改内容，急！！！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）