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

طريقة jQuery replaceWith()

طرق HTML/CSS جـ jQuery

طريقة replaceWith() العناصر المحددة تُستبدل بمحتوى جديد.

طريقة replaceWith() مشابهة لـreplaceAll()، لكنالمحتوىوselectorعكس ذلك.

النص:

محتوى التبديل:

$("selector").replaceWith(content)

استخدام الوظيفة لتبديل المحتوى:

$("selector").replaceWith(function(index))

مثال

تبديل جميع الفقرات إلى عناصر <h1>:

$("button").click(function(){
  $("p").replaceWith("<h1>عنوان جديد</h1>");
});
الاختبار‹/›

استخدام الوظيفة لتبديل المحتوى:

$("button").click(function(){
  $("p").replaceWith(function(i){
    return "<h2>العنصر هذا له مؤشر " + i + ".</h2>";
  });
});
الاختبار‹/›

قيمة المعامل

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

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

  • عنصر HTML

  • عنصر DOM

  • عنصر جـ jQuery

function(index)تحديد دالة تعود بـ HTML المحذوف
  • index-إرجاع موقع العنصر في المجموعة

طرق HTML/CSS جـ jQuery