2010-07-30 75 views
0

有什么方法可以基于另一列属性添加列吗?就像这样:如果td的属性colspan =“2”,则在它之前添加一个新的 。谢谢。有条件地添加基于另一列属性的HTML列

<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> 

回答

1

试试这个...

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

如何设置函数并将其连接到html表使其工作?对不起,这个问题,但我真的不知道jquery,完全新的这种语言。谢谢。 – David 2010-07-30 19:20:08

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

谢谢Rob。我试过你和Reigel都工作过。对不起,我被允许将其中一个标记为答案。 – David 2010-08-03 05:40:33