Блог

Главная - Вопросы по программированию - Как удалить столбец в html из javascript

Как удалить столбец в html из javascript

#javascript #jquery #html-table #delete-row

#javascript #jquery ( jquery ) #html-таблица #удалить-строка

Вопрос:

введите описание изображения здесьвведите описание изображения здесь

У меня есть таблица, и я хочу удалить столбец, когда Variables.Product.URUN_KOD == '310' я могу сначала удалить эту строку 310 , но получаю второй раз, когда он автоматически удаляет последний элемент первого столбца, который вы можете видеть на картинке. Спасибо

 $("#SigortaliCustomerDataTable tr").find('td:eq(5),th:eq(5)').remove() 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group form-group-sm">
    <div class="col-sm-12">
        <hr />
        <table class="table table-striped table-bordered" id="SigortaliCustomerDataTable">
            <thead>
                <tr>
                    <th>Müşteri No</th>
                    <th>Ad Soyad</th>
                    <th>TCKN/VKN</th>
                    <th>Yazışma Adresi</th>
                    <th>İletişim</th>
                    <th style='width:50px'>Pay</th>
                    <th style='width:50px'></th>
                    <th style='width:50px'></th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

Комментарии:

1. Можете ли вы объяснить лучше? Вы хотите удалить весь 5-й столбец для каждой строки? И ваш код делает это только для первой строки? Это правда?

2. да, вы правы

3. Но ваш код делает это для всех строк? Проблем нет?

4. нет, вы видите только одну строку в фрагменте кода запуска, моя проблема начинается, когда я добавляю другие строки, которые вы можете видеть на картинках

5. @Mustafa: можете ли вы поделиться своим полным кодом

Ответ №1:

Вы можете удалить удалить, используя этот код. Нет необходимости в каких-либо повторениях:

  $("#SigortaliCustomerDataTable tr").find("th:eq(5), td:eq(5)").remove();

Пожалуйста, проверьте эту скрипку, которую я создал для вас: https://jsfiddle.net/2cqow1y5 /

Комментарии:

1. пожалуйста, посмотрите на мои другие фотографии, результат тот же, только последние добавленные данные выглядят как прямо в таблице

2. запустите этот код после того, как все строки будут добавлены в таблицу. Вы создаете переменную с логическим значением false, и если ваше условие Variables.Product.URUN_KOD == '310' истинно, вы можете изменить переменную на true. И в конце просто проверьте, является ли результат этой переменной true, а затем запустите этот скрипт.

3. Пожалуйста, проверьте эту скрипку: jsfiddle.net/2cqow1y5 . И не забудьте проголосовать, если это работает для вас.

Метки: