Преобразование ячеек таблицы в текстовые поля с помощью JQuery

У меня есть таблица, показанная ниже:

<table id="paramsTable">
    <tbody>
        <tr>
            <th>Name</th>
            <th>Value&nbsp;<span style="color: Blue; cursor: pointer; font-size: smaller;" id="editParamValues">Edit</span></th>
            <th>Type</th>
        </tr>
        <tr>
            <td style="display: none;">1372</td>
            <td>providername</td>
            <td>BloombergFTP</td>
            <td>String</td>
        </tr>
        <tr>
            <td style="display: none;">1373</td>
            <td>RateSetList</td>
            <td>1020</td>
            <td>String</td>
        </tr>
        <tr>
            <td style="display: none;">1374</td>            
            <td>BloombergServer</td>
            <td>CFC105</td>
            <td>String</td>
        </tr>
    </tbody>
</table>

Итак, теперь, этот изящный маленький промежуток, я привязал к этому событию щелчка:

$('#editParamValues').live('click', function () {
      alert('true');
});

Получение предупреждения, оно работает нормально. Однако я не хочу предупреждать, я хочу, чтобы этот связанный метод изменил все ячейки в столбце value , чтобы они стали текстовыми полями, заполненными любым их значением, чтобы пользователь мог отредактируйте их.

Как бы я сделать это?

6
задан Brian Tompsett - 汤莱恩 24 October 2018 в 22:23
поделиться