Удалить divs jquery

Я переписал ваш код в vanilla-js, используя методы DOM, чтобы предотвратить инъекцию html.

Демо

var _table_ = document.createElement('table'),
    _tr_ = document.createElement('tr'),
    _th_ = document.createElement('th'),
    _td_ = document.createElement('td');

// Builds the HTML Table out of myList json data from Ivy restful service.
 function buildHtmlTable(arr) {
     var table = _table_.cloneNode(false),
         columns = addAllColumnHeaders(arr, table);
     for (var i=0, maxi=arr.length; i < maxi; ++i) {
         var tr = _tr_.cloneNode(false);
         for (var j=0, maxj=columns.length; j < maxj ; ++j) {
             var td = _td_.cloneNode(false);
                 cellValue = arr[i][columns[j]];
             td.appendChild(document.createTextNode(arr[i][columns[j]] || ''));
             tr.appendChild(td);
         }
         table.appendChild(tr);
     }
     return table;
 }

 // Adds a header row to the table and returns the set of columns.
 // Need to do union of keys from all records as some records may not contain
 // all records
 function addAllColumnHeaders(arr, table)
 {
     var columnSet = [],
         tr = _tr_.cloneNode(false);
     for (var i=0, l=arr.length; i < l; i++) {
         for (var key in arr[i]) {
             if (arr[i].hasOwnProperty(key) && columnSet.indexOf(key)===-1) {
                 columnSet.push(key);
                 var th = _th_.cloneNode(false);
                 th.appendChild(document.createTextNode(key));
                 tr.appendChild(th);
             }
         }
     }
     table.appendChild(tr);
     return columnSet;
 }

-1
задан Robertas 13 July 2018 в 13:35
поделиться

2 ответа

$('a.delete').click(function() {
    $(this).closest('.row').remove();
})

Примечание: не используйте один и тот же идентификатор id="delete_files" на значке

3
ответ дан vnt 17 August 2018 в 12:42
поделиться

Поскольку он динамически добавлен, вы не можете просто использовать обычный jQuery для его таргетинга. jQuery работает с загруженным DOM - ничего не после.

Итак, вы должны написать функцию, которая делает:

$('#files').on('click', '.delete', function()
{
    $(this).parents().eq(1).remove()   
})

refs:

https://api.jquery.com/parents/

https://api.jquery.com/eq/

https://api.jquery.com/remove/

2
ответ дан ThisGuyHasTwoThumbs 17 August 2018 в 12:42
поделиться
Другие вопросы по тегам:

Похожие вопросы: