2015-04-27 57 views
-1

我有以下的html如何可以訪問第一表格的TD和改變寬度至40%,並且使用jqueryJquery的更改TD的寬度在表一個div內部

<div id="DeltaPlaceHolderMain"> 
 
     <a id="mainContent" tabindex="-1" name="mainContent"></a> 
 
     <table width="100%"> 
 
      <tbody> 
 
       <tr> 
 
        <td width="15%" valign="top"></td> 
 
        <td width="85%" valign="top"></td> 
 
       </tr> 
 
      </tbody> 
 
     </table> 
 
     <table width="100%"></table> 
 
     <table width="100%"></table> 
 
    </div>
60%分別

+0

看看這個【答案】(http://stackoverflow.com/questions/6588265/jquery- select-first-and-second-td) – theRoot

回答

0

試試這個代碼,希望這幫助:

$('#DeltaPlaceHolderMain table') 
 
    .find('tr td') 
 
    .first() 
 
    .attr('width','40%') 
 
    .next() 
 
    .attr('width','60%');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="DeltaPlaceHolderMain"> 
 
     <a id="mainContent" tabindex="-1" name="mainContent"></a> 
 
     <table width="100%"> 
 
      <tbody> 
 
       <tr> 
 
        <td width="15%" valign="top">a</td> 
 
        <td width="85%" valign="top">b</td> 
 
       </tr> 
 
      </tbody> 
 
     </table> 
 
     <table width="100%"></table> 
 
     <table width="100%"></table> 
 
    </div>

+0

您好Norlihazmey感謝您的答案它不工作可能是因爲我使用的IE 8 jQuery的2.1.1不支持,因爲它會拋出錯誤.first()是他們的任何其他訪問它的方式使用Jquery 1.11.0版本 – user3476088

+0

什麼('tr td')'改成'.find('tr td:first')'或'.find('tr td:nth-​​child(1)')',然後移除'.first )'功能。 –

+0

如果也沒有改變成'.find('tr td')。eq(0)',那麼也移除'.first()'函數。 –

0
$("#DeltaPlaceHolderMain > table:first-child > tbody > tr td:first-child").attr("width", "40%"); 
$("#DeltaPlaceHolderMain > table:first-child > tbody > tr td:last-child").attr("width", "60%"); 

試試這個,如果它的工作雖然。我還沒有測試過。 這裏的想法是利用第一個孩子/最後一個孩子/第n孩子()選擇器來達到預期的效果。

請回復,如果這不起作用,所以我可以幫助你進一步。

0
$('#DeltaPlaceHolderMain').find('table').first().find('td').first().attr('width','60%') 
$('#DeltaPlaceHolderMain').find('table').first().find('td').last().attr('width','40%')