Question

这在jQuery中是否可行？

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

我需要更改当前元素的类的HTML，因为有多个元素具有此类。我只想更改该特定元素上的类的HTML。我尝试使用最接近.parent()个孩子，但无济于事。

该函数由位于tr内部的td内的select标签调用，我想要更改的数据位于下一个tr中，因此它将如下所示：

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

另请注意，保持选择的<tr>可以多次添加，因此将有多个选择$(elem)部分。每当添加一个包含select的新tr时，也会添加保存td的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>

Answer 1

您在寻找find吗？

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

children在find挖掘时挖掘一个等级，直到它到达“离开”。

Answer 2

取决于elem是否为变量。

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

或

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

Answer 3

您可以通过选择元素

来完成此操作

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

然后像在CSS中一样添加类

$("div.class")

最后，在元素

上调用html()或text()方法

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

Fiddle

jquery $（元素）+特定的类标识符

3 个答案: