jquery $（elem）+特定類標識符

這是可能的jQuery？

$(elem).('.class').html("new data");

我需要更改當前元素的類的HTML，因爲有多個元素具有此類。我只想更改該特定元素上的類的HTML。我嘗試使用.parent()最接近的孩子，但無濟於事。

功能由一個選擇標記，它是TD是一個tr和我想改變裏面的數據裏面稱爲是下一個TR所以它會是這樣：

<tr> 
    <td>select</td> 
    <td></td> 
    <td></td> 
</tr> 
<tr>the td's which htmls i want to change</tr>

還要注意那<tr>保持選擇可以被添加多次，所以會有多於1個選擇，因此$(elem)部分。還有TR持有運輸署也將增加每當一個新的TR保持選擇添加所以這裏是一個HTML代碼示例：

生成的HTML代碼：

<tr class="action-row"> 
<td valign="top">CRM Action:&nbsp;&nbsp;&nbsp;</td> 
     <td valign="top"><select name="crm_action[]"> 
<option value="add">Add to Group</option> 
<option value="transfer">Transfer to Group</option> 
</select> 
</td> 
<td valign="top">Action:&nbsp;&nbsp;&nbsp;</td> 
<td valign="top"> 
<select name="funnel_type[]" class="funnel-type" onchange="type_switch(this)"> 
options to determine what to display in this tr onchange 
</select> 
</td> 
<td> 
<img src="somewhere/action_delete.png" title="Delete" onclick="delete_row(this)"  style="cursor: pointer;"></td> 
</tr> 
//this part should have been inside the above tr as you can see it the php code above 
<tr class="actionrow odd"> 
<td class="type-label" valign="top"></td> 
<td class="type-selection" valign="top"></td> 
<td class="type-button" valign="top" align="right" colspan="2"></td> 
</tr> 
//end    
<tr class="action-row"> 
<td valign="top">CRM Action:&nbsp;&nbsp;&nbsp;</td> 
<td valign="top"> 
<select name="crm_action[]"><option value="add">Add to Group</option> 
<option value="transfer">Transfer to Group</option> 
</select> 
</td> 
<td valign="top">Action:&nbsp;&nbsp;&nbsp;</td> 
<td valign="top"> 
<select name="funnel_type[]" class="funnel-type" onchange="type_switch(this)"> 
another options 
</select> 
</td> 
<td> 
<img src="somewhere/action_delete.png" title="Delete" onclick="delete_row(this)"  style="cursor: pointer;"> 
</td> 
     </tr> 
<tr class="actionrow odd"> 
<td class="type-label" valign="top"></td> 
<td class="type-selection" valign="top"></td> 
<td class="type-button" valign="top" align="right" colspan="2"></td> 
</tr>

來源

2013-04-24 magicianiam

你想從你選擇到達第二TR上？如果我是對的......每個人都只是回答你的頭銜。 – 2013-04-24 21:43:36

@MohammadAdil是的，但是選擇它自己在另一個tr中，其差異類比具有我想要改變td的tr的差異類 – magicianiam 2013-04-24 21:46:06

你想改變你的選擇變化的文本？ – 2013-04-24 21:47:04

您是否在尋找find？

$(elem).find('.class').html("new data");

children而挖挖find，直到它達到了「葉子」的一個級別。

來源

2013-04-24 21:37:30 gdoron

定義葉子？現在嘗試了它，但它沒有改變任何東西，直到我將elem改爲擁有其他類的類時，我纔想改變類似於當我將elem更改爲「測試」並找到（'。1'）時，它做了更改 – magicianiam 2013-04-24 21:44:13

這不起作用 – 2013-04-24 21:57:10

@CodyGuldner您會幫我使它工作嗎？ – magicianiam 2013-04-24 22:01:08

取決於elem是否是一個變量。

$('elem.class').html("new data");

或

$(elem).find('.class').html("new data");

來源

2013-04-24 21:38:42 KingKongFrog

您可以通過選擇元素

$("div") // Can be whatever you want

然後添加類後，像你這樣做會在CSS

$("div.class")

最後，打電話給html() o R上的text()方法元素

$("div.class").html("new data")

Fiddle

來源

2013-04-24 21:39:09

jquery $（elem）+特定類標識符

回答

相關問題