English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery insertBefore() 方法

对于before()选择表达式在函数前面,内容作为参数

طرق HTML/CSS jQuery

insertBefore()方法将指定的HTML元素插入到选定的元素之前。

要在选定元素之后插入HTML元素,请使用insertAfter()方法。

before()和的insertBefore()方法执行相同的任务。主要区别在于语法:

  • استخدامbefore()،يتم وضع تعبير التحديد قبل الطريقة، والمحتوى كمعامل

  • استخدامinsertBefore()،على العكس من ذلك، يتم وضع المحتوى قبل الطريقة، وسيتم وضعها قبل العنصر المحدد في المعامل

القواعد النحوية:

$(content).insertBefore(selector)

مثال

إدراج عنصر HTML قبل كل سطر:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertBefore("p");
});
الاختبار لرؤية‹/›

استخدام طريقة insertBefore() لوضع عنصر موجود مسبقًا قبل كل عنصر محدد:

$("button").click(function(){
  $("h1").insertBefore("p");
});
الاختبار لرؤية‹/›

قيمة المعامل

المعاملالوصف
المحتوىتحديد المحتوى الذي سيتم إدراجه (يجب أن يحتوي على علامات HTML)

القيم المحتملة:

  • عنصر HTML

  • عنصر DOM

  • عنصر jQuery

محددالعنصر المحدد سيتم إدراجه قبل العنصر المحدد بهذا المعامل

طرق HTML/CSS jQuery