jquery insertBefore()方法
翻訳結果：
insert
UK[ɪnˈsɜ:t] US[ɪnˈsɜ:rt]
vt.挿入; 埋め込む; (記事内に) 追加; 挿入
n. 挿入; 追加 (特に、印刷された写真のページに挿入またはオーバープリントされた小さな画像); (本または新聞の) 挿入; 追加
前
英[bɪˈfɔ:(r)] 美[bɪˈfɔr,-ˈfor]
prep.Before...;before,better than;in before...;with...
conj.Before...;before...;以前より...;むしろ...
adv.before, before; in before, infront
jquery insertBefore()方法構文
関数: insertBefore() メソッドは、選択した要素の前に HTML タグまたは既存の要素を挿入します。このメソッドを既存の要素に対して使用すると、要素は現在の位置から移動され、選択した要素の前に追加されます。
構文: $(content).insertBefore(selector)
パラメータ:
| パラメータ | 説明 |
| 内容 | 必須。挿入するコンテンツを指定します。可能な値: セレクター式 HTML タグ |
| selector | 必須。選択した要素を挿入する場所を指定します。 |
jquery insertBefore()方法例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("<span>你好！</span>").insertBefore("p");
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>在每个 p 元素之前插入 span 元素</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します