如何根据使用JQuery存储在其他TD中的表的值替换第一个TD中的文本?

时间:2013-08-24 03:39:43

标签: jquery html css

我在div容器中堆叠了多个表,如下所示: -

<div id="myContent"  style="display: block;">
      <table id="myTable" cellspacing="0" cellpadding="0" >
        <tbody>
          <tr>
            <td style="padding-top: 10px;">
              <table>
                <tbody>
                  <tr>
                    <td align="left">
                      Health Care (ID-20)
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      20 Wisconsin Ave</td>
                  </tr>
                  <tr>
                    <td align="left">
                      641.235.5900
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      No website
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td align="right">
              <img src="images/phone.png" class="imgHeader" >
            </td>
          </tr>
        </tbody>
      </table>
      <table id="myTable" cellspacing="0" cellpadding="0">
        <tbody>
          <tr>
            <td style="padding-top: 10px;">
              <table >
                <tbody>
                  <tr>
                    <td align="left">Housing (ID-25)</td>
                  </tr>
                  <tr>
                    <td align="left">
                      N/A</td>
                  </tr>
                  <tr>
                    <td align="left">
                      641.255.3884
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      www.housingl.org
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td align="right">
              <img src="images/phone.png" class="imgHeader" >
            </td>
          </tr>
        </tbody>
      </table>
      <table id="myTable" cellspacing="0" cellpadding="0" >
        <tbody>
          <tr>
            <td style="padding-top: 10px;">
              <table>
                <tbody>
                  <tr>
                    <td align="left">
                      Employment(ID-35)</td>
                  </tr>
                  <tr>
                    <td align="left">N/A</td>
                  </tr>
                  <tr>
                    <td align="left">
                      641.743.0500
                    </td>
                  </tr>
                  <tr>
                    <td align="left">
                      http://www.noexperience.org
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td align="right">
              <img src="images/phone.png" class="imgHeader" >
            </td>
          </tr>
        </tbody>
      </table>
    </div>

我正在尝试运行条件以找到具有N / A的TD并删除该表的第一个TD上的一些内容。确切地说,如果该表中的任何文本是“N / A”,我想删除第一个TD中括号之间显示的所有文本,即“(ID-25)”。我怎么能做到这一点?任何支持表示赞赏!!!

1 个答案:

答案 0 :(得分:1)

尝试:

$('td:contains("N/A")').each(function () {
    if ($(this).children().length == 0) {
        $(this).closest('table').find('td').first().text($(this).closest('table').find('td').first().text().replace(/\(.*\)/ig, '()'));
    }
});

<强> jsFiddle example