根据另一列的属性有条件地添加HTML列

时间:2010-07-30 07:33:44

标签: c# javascript jquery parsing

有什么办法可以根据其他列的属性添加列?这样的事情:如果td具有属性colspan =“2”,那么在它之前添加一个新的。谢谢。

<table>
  <tr>
    <td>aaa</td>
    <td colspan="2">bbb</td>
    <td>ccc</td>
    <td>ddd</td>
    <td colspan="2">eee</td>
  </tr>
</table>

结果表应为:

<table>
  <tr>
    <td>aaa</td>
    <td>&nbsp; just added based on the right below column tag</td>
    <td colspan="2">bbb</td>
    <td>ccc</td>
    <td>ddd</td>
    <td>&nbsp; just added based on the right below column tag</td>
    <td colspan="2">eee</td>
  </tr>
</table>

基于Reigel和Rob的帮助,以下是完整的示例:

<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
 $(document).ready(function(){
    $('td[colspan=2]').before('<td>&nbsp; just added based on the right below column    tag</td>') ;
   });
</script>

<body>
<table border="1"> 
  <tr> 
    <td>aaa</td> 
    <td colspan="2">bbb</td> 
    <td>ccc</td> 
    <td>ddd</td> 
    <td colspan="2">eee</td> 
  </tr> 
</table>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

试试这个......

$('table td[colspan=2]').before('<td>&nbsp; just added based on the right below column tag</td>');

答案 1 :(得分:0)

$('td[colspan=2]').before(...)