jquery before() メソッド
翻訳結果：
before
English[bɪˈfɔ:(r)] US[bɪˈfɔr,-ˈfor]
prep.Before; 先行する、より優れている; 前にいるとき...; の代わりに...
conj.before...;前...;...より前;with...
adv.before、前;前に、前に
jquery before() メソッド構文
関数: before() メソッドは、選択された要素の前に指定されたコンテンツを挿入します。
構文: $(selector).before(content)
パラメータ:
| パラメータ | 説明 |
| コンテンツ | 必須。挿入するコンテンツを指定します (HTML タグを含めることができます)。 |
関数を使用してコンテンツを挿入する: 関数を使用して、指定した要素の前にコンテンツを挿入します。
構文: $(selector).before(function(index))
パラメータ:
| パラメータ | 説明 |
| 関数(インデックス) | 必須。挿入するコンテンツを返す関数を指定します。 |
| インデックス | オプション。セレクターのインデックス位置を受け取ります。 |
jquery before() メソッド例
<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(){
$(".btn1").click(function(){
$("p").before("<p>Hello world!</p>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">在每个段落前面插入新的段落</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します