javascript-使用jQuery动态替换s及其包含的元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用jQuery动态替换s及其包含的元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含846字，纯文字阅读大概需要2分钟。

内容图文

我有一个表,其中包含用户单击链接时需要替换的表单元素.想法是,如果他们单击按钮,则字段将自动为其填充,然后这些字段将变成html p元素,因为我不希望用户一旦自动填充后就能够编辑这些字段.仍需要填写的字段.

所以我需要的是,当用户单击链接时,4 trs被4 p标签替换,其中包含文本.这似乎不适用于trs.所以我现在在包含输入字段的td上尝试：

 $('#use_patient_field').click(function(e){
     e.preventDefault();
    $('#patientForm_f_name').html('blah');
    return false;
});

我也尝试覆盖输入字段,但都没有任何反应.我需要表仍然存在,但替换输入并选择标签.

解决方法:

据我了解,您想在单击表行时动态更改它们的内容.如果您的表格如下所示：

<table id="grid">
    <tr><td>Row 1</td></tr>
    <tr><td>Row 2</td></tr>
</table>

然后,以下实时事件处理程序将在您单击它们时更改行中的单元格：

$('#grid tr').live('click', function(event) {
   var row = $(event.target);
   row.html('<td><b>some text</b><td>'); 
   event.preventDefault(); 
})

内容总结

以上是互联网集市为您收集整理的javascript-使用jQuery动态替换s及其包含的元素全部内容，希望文章能够帮你解决javascript-使用jQuery动态替换s及其包含的元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端