将表中的文本移动到最近的文本输入中

Move text in table into closest text input?

本文关键字：文本 最近 输入 移动      更新时间：2023-09-26

我有一个正在动态构建的表，我需要文本输入中第2列中的文本。一旦该td的文本出现在文本输入中，就删除输入之外的额外文本。http://jsfiddle.net/NNpCB/

<table border='1' cellpadding='15'>
    <tr>
        <td>text</td>
        <td>text2</td>
        <td>text3</td>
    </tr>
    <tr>
        <td>text4</td>
        <td>text5</td>
        <td>text6</td>
    </tr>
</table>
jQuery

valueCol = $("table#ruleTable tr td:nth-child(2)")
text = $(this).find().closest('td').text()
valueCol.append('<input type="text" value="' + text + '" />'); // add inputs with closest value
valueCol.text(''); // clear plain text from td once in inputs

检查Demo Fiddle

var valueCol = $("table#ruleTable tr td:nth-child(2)");
valueCol.html(function () {
    return '<input value="' + $(this).text() + '"/>';
});

您也可以使用.append()，但是附加和清除文本将是不必要的任务。

相关文章：