使用jQuery的addClass是有效的
addClass with jQuery Isn't Working
我正在改变表中2行的数据位置。向上箭头和向下箭头图像的类设置不正确。
如果position为1,那么它应该只是一个向下的箭头。同样,如果position是最后一个,那么应该只有向上箭头可用。在其他情况下,两个箭头都应该是可见的。
这是我尝试的JavaScript:
function sortTable( tablename )
{
var count = $("#" + tablename + " tr").length;
$("#" + tablename + " tr").each(function()
{
var that = $(this);
if (that.data("position") == 1)
{
$(this)
.find("img.rowUp")
.addClass("imgDisplayNone" );
}
else if (that.data("position") == count)
{
$(this)
.find("img.rowDown")
.addClass("imgDisplayNone" );
console.log("positon == anzahl" + that.data("position") + " anzahl " + count);
}
else if(that.data("position")>1 && that.data("position")< count)
{
$(this)
.find("img.rowUp")
.removeClass("imgDisplayNone" );
}
});
}
我认为问题是源代码和dom操作之间的差异,但我不确定如何修复它。
我读到我需要jQuery的.index
,但我不知道如何实现它。
谢谢你的帮助。
你可以直接使用CSS:
tr:first-child img.rowUp { display: none }
tr:last-child img.rowDown { display: none }
http://jsfiddle.net/Q6Q8T/相关文章:
- 如何有效地将游戏数据存储在URL查询字符串中
- 如何使用Node.js最有效地解析网页
- jquery代码在Mozilla中有效,但在其他浏览器上无效
- 有效形式-始终只显示1个错误[角度]
- Javascript袖珍参考,第121页:这是怎么回事;猴子补丁”;方法应该有效
- 单击仅在第二次单击后有效
- 什么'是在asp.net MVC中将本地化的resources.resx文件转换为javascript文件的有效
- 为什么自我执行匿名有效
- D3.js生成有效的SVG,但不显示任何内容
- 如何在AngularJS中有效地检查日期是否有效
- 当选择组中的单选按钮时,jQuery addClass
- 为什么不是'我的函数在解析云代码中工作吗?当我在Angular和Express中测试时,它是有效的
- 滚动在Chrome中有效,但在Firefox或IE中无效
- javascript addClass没有'似乎没有触发类的css
- 有效地获取两个区间之间的随机整数
- Rails将JavaScript对象存储到Model的有效方式
- $animate addClass在angular 1.3中不起作用
- Javascript XMLHttpRequest——只有第一个POST请求有效
- 使用条件语句,使 jquery fadeIn/fadeOut 仅在视口 >= 480px 时才有效
- 使用jQuery的addClass是有效的