1.删除(table->tr->td-><a>删除</a>)当前行。
<a href="javascript:;" onclick="delRow(this)">删除</a>
<script>
function delRow(alink)
{
$(alink).parent().parent().remove();//alink表示a的DOM对象,他的父级是td,td的父级是tr。同理试用于div等任何DOM元素
}
</script>
2.上移,下移(table->tr->td-><a>上移</a>)
<a href='javascript:;' onclick="moveUp(this)">上移</a>
function moveUp(alink)
{
var tr = $(alink).parent().parent();//tr即TR对象
tr.prev().before(tr);//在当前tr对象前一个tr中写入当前tr的对象。就是把当着这行写到前面一行。下移原理类似,将当前行写到下一行的后面after(tr)
}
3.jquery触发事件。
mouseover。如果执行触发事件的容器中还包含另外一个元素的话,则在该容器中任意移动都会重复加载该函数。解决办法详见http://www.qiqiboy.com/2011/01/19/javascript-mouseover-and-mouseout.html。
mouseenter。是鼠标穿过该区域的时候触发。和mouseover的区别,详见http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_mouseenter_mouseover