اذهب إلى المحتوى
  • 0

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

Simoh

السؤال

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

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

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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
رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...