求jquery获取table中的所有tr解决方案
日期：2014-05-16 浏览次数：20526 次
求jquery获取table中的所有tr
本人刚学jquery,以前一直用mootools。现要对一个id为t1的table中的所有tr添加mouseenter和mouseout事件，我是这样弄的，但是有错误：
function HighLightTR(color,objId)
{
var trBgcolor;
var ArrTR = $(objId+" tr");
ArrTR.each(function(index,element){
element.mouseout(function(){
element.css('background-color','red');
});
element.mouseenter(function(){
element.css('background-color','blue');
});
});
return ArrTR;
}
------解决方案--------------------
你看过jQuery的API没，如果没先去看看吧，有很多例子的
http://download.csdn.net/detail/p2227/3936926
另外你只给出函数是不全面的，相关的HTML也要有
最后，jQuery中根据ID获取DOM是$("#id")
------解决方案--------------------
本人刚学jquery,以前一直用mootools。现要对一个id为t1的table中的所有tr添加mouseenter和mouseout事件，我是这样弄的，但是有错误：
function HighLightTR(color,objId)
{
var trBgcolor;
var ArrTR = $(objId+" tr");
ArrTR.each(function(index,element){
element.mouseout(function(){
element.css('background-color','red');
});
element.mouseenter(function(){
element.css('background-color','blue');
});
});
return ArrTR;
}
------解决方案--------------------
你看过jQuery的API没，如果没先去看看吧，有很多例子的
http://download.csdn.net/detail/p2227/3936926
另外你只给出函数是不全面的，相关的HTML也要有
最后，jQuery中根据ID获取DOM是$("#id")
------解决方案--------------------
- JScript code
<!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>
<title></title>
<style type="text/css">
.odd{ background-color:Yellow; }
.even{ background-color:Gray; }
.tdGroup { background-color:Green; }
.mouseOver{ background-color:Red; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$.fn.ChangeOddEvenTrColor("tbodyList", "odd", "even", true, "pointer", "mouseOver");
$.fn.ChangeOddEvenTrColorWithGroup("tableList", "odd", "even", "tdGroup", false, true, "pointer", "mouseOver");
$.fn.ChangeOddEvenTrColorWithGroup("tableList2", "odd", "even", "tdGroup", false, false, "pointer", "mouseOver");
});
//=====================================================================
//插件名称: ChangeOddEvenTrColor
//作 者: yenange
//功能说明: 设置奇偶行换色
//输入参数: 表格(table或tbody)id, 奇行class, 偶行class, 是否从第一行开始
//调用示例: $(function(){ $.fn.ChangeOddEvenTrColor("table1", "odd", "even", true,"pointer","mouseOver"); });
//输出参数:
//创建日期: 2011-09-01
(function ($) {
jQuery.fn.ChangeOddEvenTrColor = function (tabId, oddClass, evenClass, fromFirstTr, cursor, mouseOverClass) {
var $obj = fromFirstTr ? $("#" + tabId + " tr") : $("#" + tabId + " tr").not(":first");
$obj.filter(":odd").addClass(oddClass).css("cursor", cursor);
$obj.filter(":even").addClass(evenClass).css("cursor", cursor);
if (typeof (mouseOverClass) != "undefined") {
$($obj).each(function () {
$(this).mouseover(function () {
$(this).addClass(mouseOverClass);
}).mouseout(function () {
$(this).removeClass(mouseOverClass);
});
});
}
}
})(jQuery);
//=====================================================================
//插件名称: ChangeOddEvenTrColorWi
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
