• 0

كيف أضيف صف جدول بواسطة Jquery ؟

في صفحة Html أتوفر على جدول، وأريد إضافة صف إليه عند حدث معين، المشكل أن الصف لا يظهر عند حدوث الحدث، وهذه عينة من كود Jquery:

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

لا أرى أي خطأ في الكود -من خلال تجربتي البسيطة-، فما الحل؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

سأضع التصور التالي لصفحة html الخاصة بك، متضمنةً الجدول، كما يلي:

<table id="myTable">
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
</table>

عند استعمالك للكود السابق المُدرج في سؤالك:

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

سيتم إضافة السطر- الصف- الجديد بعد الجدول أي بعد غلق الوسم <body> بهذا الشكل:

<table id="myTable">
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
  <tr>...</tr>الصف الجديد،بعد محتوى الجدول
</table>

وقد يتجه بك التفكير إلى استعمال خاصية last  وتستعملها بالشكل:

$('#myTable tr:last').after('<tr>...</tr><tr>...</tr>');

مما يجعلك تقع في نفس الخطأ، لأنك حددت آخر صف، وعليه سأرشدك للحل الأمثل وهو استعمال الوسم body مع تحديد آخر عنصر بداخل ثم تضيف بعده الصف الجديد، بهذه الطريقة:

$('#myTable > tbody:last-child').append('<tr>...</tr><tr>...</tr>');

 

تمّ تعديل بواسطة E.Nourddine

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن