【问题标题】:Update table row based on cell value jquery根据单元格值jquery更新表格行
【发布时间】:2016-03-01 21:58:49
【问题描述】:

我有一个包含contact_id 列的联系人表。有人可以帮我更新基于contact_id 的表格行吗?例如,我有下表:

<table class="table table-condensed" id="company_contacts_table">
    <thead>
      <tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Email</th>
        <th>Phone #</th>
        <th>Notes</th>
        <th></th>
        <th></th>
      <th hidden></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Jake</td>
        <td>Dang</td>
        <td>jake123@gmail.com</td>
        <td>7032669955</td>
        <td>contact_notes</td>
        <td><button type="update" class="btn btn-primary update_contact" href="#update_contact_modal" data-toggle="modal" id="some_contact_id">Update</button></td>
        <td><button type="update" class="btn btn-danger delete_contact" id="some_contact_id">Delete</button></td>
        <td hidden>some_contact_id</td>
      </tr>
      <tr>
        <td>Harrison</td>
        <td>WElls</td>
        <td>Hwells@gmail.com</td>
        <td>7039998888</td>
        <td>contact_notes</td>
        <td><button type="update" class="btn btn-primary update_contact" href="#update_contact_modal" data-toggle="modal" id="some_contact_id2">Update</button></td>
        <td><button type="update" class="btn btn-danger delete_contact" id="some_contact_id2">Delete</button></td>
        <td hidden>some_contact_id2</td>
      </tr>
      <tr>
        <td>Mason</td>
        <td>Hanley</td>
        <td>mnahley@gmail.com</td>
        <td>7032669855</td>
        <td>contact_notes</td>
        <td><button type="update" class="btn btn-primary update_contact" href="#update_contact_modal" data-toggle="modal" id="some_contact_id3">Update</button></td>
        <td><button type="update" class="btn btn-danger delete_contact" id="some_contact_id3">Delete</button></td>
        <td hidden>some_contact_id3</td>
      </tr>
    </tbody>
</table>

每一行都包含一个隐藏的contact_id 列。我想根据联系人 ID 更新名字、姓氏、电子邮件、电话号码、备注。示例伪代码:

var my_contact_id = some_contact_id

var new_first_name = 'george'
var new_last_name = 'henry'
var new_email = 'tinpopo@hotmail.com'
var new_phone = 999-333-4444

- Find row that contains `some_contact_id`
- Set first name, last name, email, phone to new first name, new last name, new email, new phone

有人可以帮忙吗?

提前致谢!!

【问题讨论】:

  • 您尝试过哪些 jQuery 选择器不起作用?

标签: jquery


【解决方案1】:
var new_first_name = 'george'
var new_last_name = 'henry'
var new_email = 'tinpopo@hotmail.com'
var new_phone = 999-333-4444

var tr = $("#company_contacts_table td:contains("+some_contact_id+")").closest("tr").find("td");
tr[0].innerHTML = new_first_name;
tr[1].innerHTML = new_last_name;
tr[2].innerHTML = new_email;
tr[3].innerHTML = new_phone;

【讨论】:

  • 嗨 - 我刚试过这个,但 tr 返回 [].. 我的确切代码是:var tr = $("#company_contacts_table").find('66fa33a1-1f7f-43f7-b524-de2cac543b4e').closest("tr").find("td"); console.log(tr) 返回 []
  • @user1547174 好的,我修好了。现在它会为你工作。
猜你喜欢
  • 1970-01-01
  • 2017-05-17
  • 1970-01-01
  • 2018-08-15
  • 2017-06-02
  • 1970-01-01
  • 2013-01-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多