الفرق في حقن العنصر في الصفحة بين جافاسكربت و جيكويري

Mohamed Lamin Mahmoudi · 2 سبتمبر 2022

let $= require('jquery');

//window.localStorage.removeItem('Drugs');
let Drugs=[window.localStorage.getItem('Drugs')];

let head=document.getElementById('head');
let h=document.createElement('h4');
// ipcRenderer.on('name-drug',function(e,nameDrugs){
    let text=`${localStorage.getItem('nameDrugs')}`;
    h.innerHTML=text;
    head.append(h);
let j=1;
    // استقبال الادوية الخاصة بالمرض من قاعدة البيانات
    db.each('SELECT * FROM drug WHERE disease = ?', [localStorage.getItem('nameDrugs')] ,(err, row) => {
      if(err) return console.log("theres error")
      let tbody=document.getElementById('TableData1');
     var childBody = `<tr id="ele${j}" idDb=${row.id} class="border-bottom">
  <th scope="row">${j}</th>
  <td  class="my-auto col-2">
      ${row.commercialName}
  </td>
  <td  class="col-2">${row.scientificName}</td>
  <td  class="col-2">${row.form}</td>
  <td  class="col-2">${row.description}</td>
  <td class="col-1">
    <button id="edit${j}" class="btn btn-warning btn-link text-center" type="button"  >
      <i class="bi bi-pencil-square"></i>
    </button>
    <button id="delet${j}" class="btn  text-center btn-danger" type="sub">
      <i class="bi bi-trash-fill"></i>
    </button>
  </td>
  <td class="col-1"><input type="checkbox"  id="checbox" class="p-3 "> </td>
</tr>`;
let tabledata=document.getElementById('TableData1');
$('#TableData1').append(childBody)
//tabledata.append(childBody) ;

عندما احقن العنصر في الصفحة بالستعمال jquery يتم حقن العنصر بشكل صحيح لكن عندما أجلب العنصر الحاوي بالجافا سكريبت لايتم حقن العنصر لماذا ؟

Wael Aljamal · 2 سبتمبر 2022

حاول طباعة كل من

$('#TableData1')

و

tabledata

وهل الدالة append هي نفسها لكل منهما؟

ابحث عن jquery append و js append و appendChild وهل يمكن تطبيقها على أي عنصر HTML؟

Mohamed Lamin Mahmoudi · 4 سبتمبر 2022

بتاريخ On 2‏/9‏/2022 at 22:07 قال Wael Aljamal:
حاول طباعة كل من
$('#TableData1')
و
tabledata
وهل الدالة append هي نفسها لكل منهما؟

ابحث عن jquery append و js append و appendChild وهل يمكن تطبيقها على أي عنصر HTML؟

إستبدلت حقن العناصر في الصفحة من جيكويري الى جافا سكريبت لكن المشكل انني لا استطيع التغيير فقط على العنصر الاخير المضاف لا ادري لماذا علما ان العناصر تضاف وتعرض بشكل صحيح

  var childBody = `<tr id="ele${j}" idDb=${row.id} class="border-bottom">
  <th scope="row">${j}</th>
  <td  class="my-auto col-2">
      ${row.commercialName}
  </td>
  <td  class="col-2">${row.scientificName}</td>
  <td  class="col-2">${row.form}</td>
  <td  class="col-2">${row.description}</td>
  <td class="col-1">
    <button id="edit${j}" class="btn btn-warning btn-link text-center" type="button"  >
      <i class="bi bi-pencil-square"></i>
    </button>
    <button id="delet${j}" class="btn  text-center btn-danger" type="sub">
      <i class="bi bi-trash-fill"></i>
    </button>
  </td>
  <td class="col-1"><input type="checkbox"  id="checbox" class="p-3 "> </td>
</tr>`;
tbody.innerHTML+=childBody;
console.log( tbody)
//console.log(tbody.children[0].children);

  //  $("#TableData1").append(childBody);
    //console.log( $("#TableData1"));
    //console.log($("#TableData1"));
    //console.log(tbody);

Wael Aljamal · 4 سبتمبر 2022

بتاريخ 13 دقائق مضت قال Mohamed Lamin Mahmoudi:

إستبدلت

طالما قمت بتضمين جيكويري فاستعملها لأنها أسهل.

طالما سؤالك عن تعديل على العنصر لماذا لم ترفق جزء التعديل،.

يوجد طريقة أسهل بالتعامل مع الجداول ابحث عن html table insertRow

Mohamed Lamin Mahmoudi · 4 سبتمبر 2022

بتاريخ 1 دقيقة مضت قال Wael Aljamal:

طالما قمت بتضمين جيكويري فاستعملها لأنها أسهل.

طالما سؤالك عن تعديل على العنصر لماذا لم ترفق جزء التعديل،.

يوجد طريقة أسهل بالتعامل مع الجداول ابحث عن html table insertRow

المشكل ليس في التعديل لانني عندما احقن العناصر باستعمال الجيكويري كل شئ يعمل بشكل صحيح .

لا اريد استعمالها لانها تسبب لي مشاكل عند تثبيت التطبيق جربت تضمينها كملف في التطبيق وجربت تثبيتها ب npm لكن نفس الشئ المشكل يظهر في jquery

Wael Aljamal · 4 سبتمبر 2022

بتاريخ 14 دقائق مضت قال Mohamed Lamin Mahmoudi:

المشكل ليس في التعديل لانني عندما احقن العناصر باستعمال الجيكويري كل شئ يعمل بشكل صحيح .

لا اريد استعمالها لانها تسبب لي مشاكل عند تثبيت التطبيق جربت تضمينها كملف في التطبيق وجربت تثبيتها ب npm لكن نفس الشئ المشكل يظهر في jquery

دالة insertRow من جافاسكربت.

حاول حل مشكلة جيكويري أيضا

الفرق في حقن العنصر في الصفحة بين جافاسكربت و جيكويري

السؤال

Mohamed Lamin Mahmoudi

5 أجوبة على هذا السؤال

Recommended Posts

Wael Aljamal

Mohamed Lamin Mahmoudi

Wael Aljamal

Mohamed Lamin Mahmoudi

Wael Aljamal

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية