Javascript 将内容插入DOM
我知道jQuery有一个函数,允许您将内容放在元素的末尾,但是有没有一种方法可以将内容插入到元素的顶部或中间的某个位置,并将位置指定为参数 我就是这样做的:Javascript 将内容插入DOM,javascript,jquery,Javascript,Jquery,我知道jQuery有一个函数,允许您将内容放在元素的末尾,但是有没有一种方法可以将内容插入到元素的顶部或中间的某个位置,并将位置指定为参数 我就是这样做的: var newContent = "<div>Top</div>"; var content = $('#myDiv').html(); $('#myDiv').html(newContent + content); var newContent=“Top”; var content=$('#myDiv').htm
var newContent = "<div>Top</div>";
var content = $('#myDiv').html();
$('#myDiv').html(newContent + content);
var newContent=“Top”;
var content=$('#myDiv').html();
$('#myDiv').html(newContent+content);
我想知道是否有一个函数允许您在元素的顶部插入,和/或是否有一个函数允许您将内容插入到某个位置,您可以在该位置传入子元素,并且内容将放在该元素的正后方/正前方,即使它可能不在元素的顶部或底部
感谢您的帮助和指导。是的!两者都允许您在元素之前插入,根据您的偏好使用稍微不同的语法
insertBefore
:
$("<div>Top</div>" ).insertBefore( "#myDiv" );
$( "#myDiv" ).before( "<div>Top</div>" );
是的!两者都允许您在元素之前插入,根据您的偏好使用稍微不同的语法
insertBefore
:
$("<div>Top</div>" ).insertBefore( "#myDiv" );
$( "#myDiv" ).before( "<div>Top</div>" );
您只需使用
.prepend()
:
将参数指定的内容插入到匹配元素集中每个元素的开头
您只需使用
.prepend()
:
将参数指定的内容插入到匹配元素集中每个元素的开头
您可以使用以下方法:
append(); // Appends to the element
prepend(); // prepends to the element
insertAfter(); // inserts a sibling after the element
insertBefore(); // inserts a sibling before the element
在您的情况下,您希望利用prepend()
var newContent=“Top”;
$(“#myDiv”).prepend(newContent);
您有以下方法:
append(); // Appends to the element
prepend(); // prepends to the element
insertAfter(); // inserts a sibling after the element
insertBefore(); // inserts a sibling before the element
在您的情况下,您希望利用prepend()
var newContent=“Top”;
$(“#myDiv”).prepend(newContent);
使用函数在
var newContent=“Top”;
$(newContent).prependTo(“#myDiv”)
使用函数在
var newContent=“Top”;
$(newContent).prependTo(“#myDiv”)
jQuery内置了和等函数
例如:
$('#your-element').after('<span>I am after that element with the ID #your-element</span>');
$('#your-element').prepend('<span>Im the first element in the #your-element element.</span>');
jQuery内置了诸如和之类的函数 例如:
$('#your-element').after('<span>I am after that element with the ID #your-element</span>');
$('#your-element').prepend('<span>Im the first element in the #your-element element.</span>');
,