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

طريقة jQuery append()

طرق HTML/CSS لـ jQuery

يضيف طريقة append() المحتوى المحدد في نهاية كل عنصر مختار (كآخر عنصر فرعي).

لإدراج المحتوى في بداية العنصر المحدد، استخدمprepend()الطريقة.

القواعد:

إدراج المحتوى:

$(selector).append(content)

إدراج محتوى باستخدام دالة:

$(selector).append(function(index, world))

مثال

إضافة بعض محتويات النص في جميع الفقرات:

$("button").click(function(){
  $("p").append("Hello world");
});
الاختبار لـ <‹/›

إدراج HTML في جميع الفقرات:

$("button").click(function(){
  $("p").append("<b>Hello world</b>");
});
الاختبار لـ <‹/›

هذا المثال يستخدم document.createTextNode() لإنشاء عقدة نصية وإدراجها في جميع عناصر <p>:

$("button").click(function(){
  $("p").append(document.createTextNode("Hello world"));
});
الاختبار لـ <‹/›

إدراج محتوى باستخدام دالة:

$("button").click(function(){
  $("p").append(function(i){
       return "<b>الرمز <p> له عدد " + i + ".</b>";
  });
});
الاختبار لـ <‹/›

قيمة الم 参数

الم 参数الوصف
المحتوىتحديد المحتوى الذي سيتم إدراجه في نهاية كل عنصر مختار (يمكن أن يحتوي على علامات HTML)

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

  • عنصر HTML

  • عنصر DOM

  • موضوع جـيرني

function(index, html)تحديد دالة، تتعين على العودة إلى المحتوى الذي سيتم إدراجه
  • index-عدد الموقع في المجموعة

  • html-عدد HTML الحالي للعنصر المحدد

طرق HTML/CSS لـ jQuery