求一段JS代码,该如何解决
日期：2014-05-16 浏览次数：20574 次
求一段JS代码
求一段JS脚本，基于Mootools框架
1. 页面中有多个class名为pickzone的<li>，该<li>下均包含一个table,table只有一行，但列数不定；
2. 当单击class名为pickzone的<li>中任意一个<td>的时候，变动如下：<td class="ball">；<li id="Avpav_11" class="pickzone k1 line11-10">
3. 其中，k1的1是line11-10中的‘11-10’的值；11是Avpav_11下滑横后面的值，10是当前点击的是第10个td
------解决方案--------------------
友情帮顶
------解决方案--------------------
使用jquery简单实现了一下，因为有点笨，但能解决问题。模拟了两行数据。你的k1不是很明白，所以就没有实现此项。
<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('li td').bind('click',function() {
$(this).attr('class','ball');
var _trs = $(this).parent().parent();
var _index = _trs.find('td').index(this);
var _li = _trs.parent().parent();
var _liid = _li.attr('id');
_li.attr('class','pickzone k1 line-' + _liid.substring(6) + '-' + (_index + 1));
});
});
</script>
</head>
<body>
<ul>
<li id="Avpav_11" class="pickzone">
<div style="height: 11px;"></div>
<table width="352" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><div>01</div></td>
<td><div>02</div></td>
<td><div>03</div></td>
<td><div>04</div></td>
<td><div>05</div></td>
<td><div>06</div></td>
<td><div>07</div></td>
<td><div>08</div></td>
<td><div>09</div></td>
<td><div>10</div></td>
<td><div>11</div></td>
<td><div>12</div></td>
<td><div>13</div></td>
<td><div>14</div></td>
<td><div>15</div></td>
<td><div>16</div></td>
</tr>
</table>
&l
求一段JS脚本，基于Mootools框架
- HTML code
<li id="Avpav_11" class="pickzone">
<div style="height: 11px;"></div>
<table width="352" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div>01</div></td>
<td><div>02</div></td>
<td><div>03</div></td>
<td><div>04</div></td>
<td><div>05</div></td>
<td><div>06</div></td>
<td><div>07</div></td>
<td><div>08</div></td>
<td><div>09</div></td>
<td><div>10</div></td>
<td><div>11</div></td>
<td><div>12</div></td>
<td><div>13</div></td>
<td><div>14</div></td>
<td><div>15</div></td>
<td><div>16</div></td>
</tr>
</table>
</li>
1. 页面中有多个class名为pickzone的<li>，该<li>下均包含一个table,table只有一行，但列数不定；
2. 当单击class名为pickzone的<li>中任意一个<td>的时候，变动如下：<td class="ball">；<li id="Avpav_11" class="pickzone k1 line11-10">
3. 其中，k1的1是line11-10中的‘11-10’的值；11是Avpav_11下滑横后面的值，10是当前点击的是第10个td
------解决方案--------------------
友情帮顶
------解决方案--------------------
使用jquery简单实现了一下，因为有点笨，但能解决问题。模拟了两行数据。你的k1不是很明白，所以就没有实现此项。
<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('li td').bind('click',function() {
$(this).attr('class','ball');
var _trs = $(this).parent().parent();
var _index = _trs.find('td').index(this);
var _li = _trs.parent().parent();
var _liid = _li.attr('id');
_li.attr('class','pickzone k1 line-' + _liid.substring(6) + '-' + (_index + 1));
});
});
</script>
</head>
<body>
<ul>
<li id="Avpav_11" class="pickzone">
<div style="height: 11px;"></div>
<table width="352" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><div>01</div></td>
<td><div>02</div></td>
<td><div>03</div></td>
<td><div>04</div></td>
<td><div>05</div></td>
<td><div>06</div></td>
<td><div>07</div></td>
<td><div>08</div></td>
<td><div>09</div></td>
<td><div>10</div></td>
<td><div>11</div></td>
<td><div>12</div></td>
<td><div>13</div></td>
<td><div>14</div></td>
<td><div>15</div></td>
<td><div>16</div></td>
</tr>
</table>
&l
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
