2016-03-01 11 views
1

У меня есть таблица контактов, которая содержит столбец для contact_id. Может кто-нибудь помочь мне обновить строку таблицы на основе contact_id? Например, у меня есть следующая таблица:Обновить строку таблицы на основе значения ячейки jquery

<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>[email protected]</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>[email protected]</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>[email protected]</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. Я хочу обновить имя, фамилию, адрес электронной почты, номер телефона, примечания, основанные на идентификаторе контакта. Пример псевдокода:

вар my_contact_id = some_contact_id

var new_first_name = 'george' 
var new_last_name = 'henry' 
var new_email = '[email protected]' 
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 

Может кто-то помочь?

Спасибо заранее!

+0

Какие селекторы jQuery вы пробовали, которые не работают? – mkaatman

ответ

2
var new_first_name = 'george' 
var new_last_name = 'henry' 
var new_email = '[email protected]' 
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; 
+0

Привет - Я просто попробовал это, но 'tr' возвращает' [] '.. Мой точный код: ' var tr = $ ("# company_contacts_table"). Find ('66fa33a1-1f7f-43f7-b524- de2cac543b4e '). ближайший ("tr"). find ("td"); ' ' console.log (tr) ' возвращает' [] ' –

+0

@ user1547174 ОК, я исправил его. Теперь это сработает для вас. – Alon

+0

работает отлично, спасибо! –

Смежные вопросы