2015-12-09 47 views
0

是可以設置值,如果我只有e.g的$(選擇)的值id設定值= ?

我讀了一些關於「遍歷」的內容,但這會解決我的問題嗎? 我怎麼能只改變從< td>年齡</td>的值?

<!-- 
// New added code to explain what i mean:  
$(document).ready(function(){ 
    $("three").children(???).html("new age 40"); 
}); 
--> 



<table id="testtable" class="table"> 
    <thead> 
    <tr> 
     <th style="display:none">id</th> 
     <th>name</th> 
     <th>lastname</th> 
     <th>age</th> 
    </tr> 
    </thead> 

    <tbody> 
    <span id="one"> 
     <tr>   
      <td style="display:none">1</td> 
      <td>Jill</td> 
      <td>Smith</td> 
      <td>50</td> 
     </tr> 
    </span> 

    <span id="two"> 
     <tr> 
      <td style="display:none">2</td> 
      <td>Eve</td> 
      <td>Jackson</td> 
      <td>94</td> 
     </tr> 
    </span> 

    <span id="three"> 
     <tr> 
      <td style="display:none">3</td> 
      <td>Hans</td> 
      <td>Smith</td> 
      <td>22</td> 
     </tr> 
    </span> 

    </tbody> 
</table> 
<br> Selection: 
<div id="selection">---</div> 

例如編輯於:jsfiddle

+0

你可以更具體的有關要求? –

+0

你的問題不清楚。 – murli2308

回答

1

以下代碼假設第三個td元素將保存年齡。不是最好的做法,但這是你如何做到的。

$("span[id=three] td:nth-child(3)").val(newAge); 

或者,你也可以用在其他的答案中定義的選擇:"#three..."

您還可以將數據元素提供有關佔位符的更多信息。像:

<td data-element="age">22</td> 

,然後改變你的選擇是:

$("span[id=three] td[data-element=age])").val(newAge); 
+0

對不起,你的例子不起作用。我試圖附加「數據元素」。 – Bettelbursche

+0

@Bettelbursche附件沒有工作或選擇器? – Yahya

+0

它在jsfiddle中不起作用:http://jsfiddle.net/rule_34/nbhrkgd2/ – Bettelbursche

0

您可以使用n-child選擇:

$("#three>tr>td:nth-child(4)").html(someValue); 

瞭解更多這link

順便說一句我不認爲你應該做將span放在tbody標籤內。相反,只需設置標識爲tr的標識。

+0

我已將我的代碼更改爲:。在這之後$(「#three> td:nth-​​child(4)」)。html(newAge);工作中。 – Bettelbursche

相關問題