使用JQuery删除Div的内容

Mer*_*rcy 32 jquery

如何使用JQuery删除Div的内容.例如.

 <div id="1">
  <label id="label1"/><br/>
  <input type="text" data-attr="phoneEuro" style="width: 200px;" id="input1"/> <label id="instr1"/>
 </div>
Run Code Online (Sandbox Code Playgroud)

我想删除Div的全部内容.并向其添加新内容.

Dar*_*o Z 68

$("#1").empty();
Run Code Online (Sandbox Code Playgroud)

你也不应该用数字开始id


Jas*_*son 10

$("#1").html("");
Run Code Online (Sandbox Code Playgroud)

要不就

$("#1").html("your new content");
Run Code Online (Sandbox Code Playgroud)

将id更改为以字母开头


Sol*_*ogi 7

首先,根据规范,id必须以字母开头.

 <div id="myDiv">
  <label id="label1"/><br/>
  <input type="text" data-attr="phoneEuro" style="width: 200px;" id="input1"/> <label id="instr1"/>
 </div>


$('#myDiv').html('your new content');
Run Code Online (Sandbox Code Playgroud)

如果使用html方法,则可以简单地覆盖现有的DIV内容.

  • 根据规范,"ID和NAME令牌必须以字母([A-Za-z])开头,后面可以跟任意数量的字母,数字([0-9]),连字符(" - "),下划线("_"),冒号(":")和句号(".")." 链接:http://www.w3.org/TR/html4/types.html如果您不遵循指南,您的代码可能会破坏符合标准的浏览器. (5认同)
  • 是的,但我们不应该尝试教育开发人员遵循标准吗?浏览器可能会使用以数字开头的id但在特定条件下某些浏览器中可能存在错误,其中以数字开头的ID行为不同? (2认同)

Kei*_*gan 6

$(document).ready(function()
{
    $('div#one').children().remove();
});
Run Code Online (Sandbox Code Playgroud)