使用jQuery递归地在选择器上应用colspan属性

时间:2010-07-03 06:06:06

标签: jquery jquery-selectors

这是我的HTML页面..如果您在浏览器中复制粘贴此完整HTML,您会看到第二部分包含元素和持续时间,而第三部分包含元素和目标资源,在这种情况下我想动态更改第2和第3行像第一行一样扩展。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
  });
  </script>

</script>

</HEAD>

<BODY>
<table border="1">
<tr>

<th class="element_header">Elements1</th>
<th class="tr_res">TR1</th>
<th class="duration">Duration1</th>

</tr>

<tr>

<td class="element_td">Element Data 1</td>
<td class="tr_td">TR - TD - 1</td>
<td class="duration">Duration Data 1</td>

</tr>


<tr>
<th class="element_header">Elements2</th>
<th class="duration">Duration2</th>
</tr>
<tr>
<td class="element_td">Element Data 2</td>
<td class="duration">Duration Data 2</td>
</tr>


<tr>
<th class="element_header">Elements3</th>
<th class="tr_res">TR3</th>

</tr>
<tr>
<td class="element_td">Element Data 3</td>
<td class="tr_td">TR - TD - 3</td>
</tr>
</BODY>
</HTML>

1 个答案:

答案 0 :(得分:0)

我会尝试将您的选择器更改为基于类而不是ID。拥有相同ID的多个控件并不是一个好习惯。另外,jquery在按ID选择时只选择一个项目。

另外我会检查length属性而不是boolean false,因为jquery总是有一个对象。因此,将支票更改为.length&gt; 0