Question

我们如何在jquery中替换第一个html。我想替换id为code的输入类型。点击一个复选框后下拉。

HTML

<tr class="inputstr">
        <td style="font-size:12px">Code</td>
        <td>
            <input type="text" id="code" name="code" value=""/>
        </td>
        <td style="font-size:12px">Charges1 </td>
        <td>
            <input type="text" id="charges_id1" name="charges_id2" value=""/>
        </td>
        <td style="font-size:12px">Charges2 </td>
        <td>
            <input type="text" id="charges_id2" name="charges_id2" value=""/>
        </td>
        <td style="font-size:12px">Charges3 </td>
        <td>
            <input type="text" id="charges_id3" name="charges_id3" value=""/>
        </td>
    </tr>

输入类型，其id是代码，我想用下拉列表替换它。如何在jquery中执行此操作。请帮助我

Answer 1

您可以使用 .replaceWith() ：

用提供的元素替换匹配元素集中的每个元素新内容并返回已删除的元素集。

$('#code').replaceWith('<select><option>1</option></select>');

<强> Fiddle Demo

Answer 2

根据复选框点击，这将更改内容使用replaceWith

试试这个

$('#chg').on('click',function(){
    $('#code').replaceWith('<select><option>1</option></select>');
});

DEMO

Answer 3

例如，对于charge_id1的td：

$('#charges_id1').parent().html('<Your html here>');

替换td的html

3 个答案: