使用jQuery/Javascript修改表单元格的内容

我正在尝试编写一个函数，允许我更改表格单元格的内容。我的桌子看起来像这样：

<table id="stock_table" style="table-layout:fixed">
<tr>
      <td class = "positive">
      <div id="symbol">GOOG</div> 
      <div id="change">+12.22</div>
      <div id="lasttrade">539.08</div>
      </td>
      <td class = "positive">
      <div id="symbol">ANF</div> 
      <div id="change">+4.24</div>
      <div id="lasttrade">63.45</div>
      </td>

<td class = "positive">
<div id="GOOG_symbol" class="symbol">GOOG</div> 
<div id="GOOG_change" class="change">+12.22</div>
<div id="GOOG_lasttrade" class="lasttrade">539.08</div>
</td>

---

我不知道如何访问每个单元格中的每个元素。我意识到这张桌子没什么了不起的，所以如果有人对此有任何重新设计的建议，我很乐意倾听。如果有人有任何建议或建议，我们将不胜感激。

首先，您需要更改div属性；类可以多次使用

由于您仍在更改标记，因此可以向每个div添加唯一的ID，如下所示：

<table id="stock_table" style="table-layout:fixed">
<tr>
      <td class = "positive">
      <div id="symbol">GOOG</div> 
      <div id="change">+12.22</div>
      <div id="lasttrade">539.08</div>
      </td>
      <td class = "positive">
      <div id="symbol">ANF</div> 
      <div id="change">+4.24</div>
      <div id="lasttrade">63.45</div>
      </td>

<td class = "positive">
<div id="GOOG_symbol" class="symbol">GOOG</div> 
<div id="GOOG_change" class="change">+12.22</div>
<div id="GOOG_lasttrade" class="lasttrade">539.08</div>
</td>

如果仍然需要触摸每个div，可以使用jQuery循环：

$( ".positive div" ).each( function() {
    $( this ).css( 'color', 'red' ); // Insert an appropriate statement here.
});

---

首先，您需要更改div属性；类可以多次使用

由于您仍在更改标记，因此可以向每个div添加唯一的ID，如下所示：

<table id="stock_table" style="table-layout:fixed">
<tr>
      <td class = "positive">
      <div id="symbol">GOOG</div> 
      <div id="change">+12.22</div>
      <div id="lasttrade">539.08</div>
      </td>
      <td class = "positive">
      <div id="symbol">ANF</div> 
      <div id="change">+4.24</div>
      <div id="lasttrade">63.45</div>
      </td>

<td class = "positive">
<div id="GOOG_symbol" class="symbol">GOOG</div> 
<div id="GOOG_change" class="change">+12.22</div>
<div id="GOOG_lasttrade" class="lasttrade">539.08</div>
</td>

如果仍然需要触摸每个div，可以使用jQuery循环：

$( ".positive div" ).each( function() {
    $( this ).css( 'color', 'red' ); // Insert an appropriate statement here.
});

---

使用类而不是前面提到的ID。另外，你的桌子结构有点奇怪，但既然你已经有了它，我不会改变它。因此，使用类而不是id，您现在就可以获得此代码

<table id="stock_table" style="table-layout:fixed">
    <tr>
          <td class = "positive">
              <div class="symbol">GOOG</div> 
              <div class="change">+12.22</div>
              <div class="lasttrade">539.08</div>
          </td>
          <td class = "positive">
              <div class="symbol">ANF</div> 
              <div class="change">+4.24</div>
              <div class="lasttrade">63.45</div>
          </td>
    </tr>
</table>

---

使用类而不是前面提到的ID。另外，你的桌子结构有点奇怪，但既然你已经有了它，我不会改变它。因此，使用类而不是id，您现在就可以获得此代码

<table id="stock_table" style="table-layout:fixed">
    <tr>
          <td class = "positive">
              <div class="symbol">GOOG</div> 
              <div class="change">+12.22</div>
              <div class="lasttrade">539.08</div>
          </td>
          <td class = "positive">
              <div class="symbol">ANF</div> 
              <div class="change">+4.24</div>
              <div class="lasttrade">63.45</div>
          </td>
    </tr>
</table>

---

您将jQuery作为标记，但不要在代码中使用它。jQuery是您的一种选择吗？您想实现什么？只需编辑数字并将td的等级更改为正/负？数字基于什么，符号？另外，不要在一个页面上多次使用同一个id标记，这是无效且不好的做法，请使用class，而不要在页面上使用多个id，请使用class。jQuery绝对是一个选项-似乎最容易使用它来解决问题，但我不确定如何使用它。我试图用我得到的json数据编辑change和lasttrade文本。我只是不知道如何编辑特定区域的文本！您将jQuery作为标记，但不要在代码中使用它。jQuery是您的一种选择吗？您想实现什么？只需编辑数字并将td的等级更改为正/负？数字基于什么，符号？另外，不要在一个页面上多次使用同一个id标记，这是无效且不好的做法，请使用class，而不要在页面上使用多个id，请使用class。jQuery绝对是一个选项-似乎最容易使用它来解决问题，但我不确定如何使用它。我试图用我得到的json数据编辑change和lasttrade文本。我只是不知道如何编辑特定区域的文本！我喜欢这个解决方案的外观。然而，这个循环的功能并不完全正确——如果我能想出一个解决方案，我会玩转它并发布！我喜欢这个解决方案的外观。然而，这个循环的功能并不完全正确——如果我能想出一个解决方案，我会玩转它并发布！