首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

求一段JS代码,该如何解决

2012-10-25 
求一段JS代码求一段JS脚本，基于Mootools框架HTML codeli idAvpav_11 classpickzonediv stylehe

求一段JS代码
求一段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>
</li>

<li id="Avpav_12" 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>
</li>

</ul>
</body>
</html>
[解决办法]
ding!!

读书人精选
热点排行