登录 主页

jQuery prepend() 方法

2023-09-16 04:29PM

参考:https://www.runoob.com/jquery/html-prepend.html

定义和用法

prepend() 方法在被选元素的开头插入指定内容。

语法

$(selector).prepend(content,function(index,html))
 
参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。

可能的值:

  • HTML 元素
  • jQuery 对象
  • DOM 元素
function(index,html) 可选。规定返回待插入内容的函数。
  • index - 返回集合中元素的 index 位置。
  • html - 返回被选元素的当前 HTML。

eg:

在所有 <p> 元素开头插入内容:

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
<ol>
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ol>
<button id="btn1">添加文本</button>
<button id="btn2">添加列表项</button>

<script>

$(document).ready(function(){
    $("#btn1").click(function(){
        $("p").prepend("<b>在开头追加文本</b>。 ");
    });
    $("#btn2").click(function(){
        $("ol").prepend("<li>在开头添加列表项</li>");
    });
});
</script>

 

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论