2010-07-30 73 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