পরিষ্কার টেবিল jquery

Question

আমার কাছে বেশ কয়েকটি সারি দিয়ে একটি HTML টেবিল ভরাট রয়েছে filled

আমি কীভাবে টেবিল থেকে সমস্ত সারি সরিয়ে ফেলতে পারি ?

Answer 1

.Reove () ব্যবহার করুন

$("#yourtableid tr").remove();

আপনি যদি ডেটা অপসারণের পরেও ভবিষ্যতে ব্যবহারের জন্য রাখতে চান তবে আপনি .ডেটাচ () ব্যবহার করতে পারেন

$("#yourtableid tr").detach();

সারিগুলি যদি টেবিলের শিশু হয় তবে আপনি বংশধর নির্বাচকের পরিবর্তে শিশু নির্বাচক ব্যবহার করতে পারেন, পছন্দ করুন

$("#yourtableid > tr").remove();

Comments

শেষের সাথে সতর্কতা অবলম্বন করুন: বেশিরভাগ ব্রাউজারগুলি উপাদানগুলির tbodyচারপাশে একটি অন্তর্ভুক্ত trউপাদান যুক্ত করে।

— নিকফ

Answer 2

আপনি যদি ডেটা সাফ করতে চান তবে শিরোনামগুলি রাখুন:

$('#myTableId tbody').empty();

টেবিলটি অবশ্যই এই পদ্ধতিতে ফর্ম্যাট করা উচিত:

<table id="myTableId">
    <thead>
        <tr>
            <th>header1</th><th>header2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data1</td><td>data2</td>
        </tr>
    </tbody>
</table>

Comments

এটি কাজ করছে, তবে এটি এর ভিতরে থাকা সমস্ত 'টিআর' দিয়ে নিজেকে 'টডি' সরিয়ে দেয়।

— হাকান ফাস্টিক

আপনি ঠিক বলেছেন, @ হকফস্টক। পরিবর্তে খালি () ব্যবহার করার জন্য আমি আমার উত্তর সম্পাদনা করেছি

— হফজেড

Answer 3

স্বতন্ত্রভাবে প্রতিটি অপসারণের চেয়ে সামান্য দ্রুত:

$('#myTable').empty()

টেকনিক্যালি, এই সরাবে thead, tfootএবং tbodyখুব উপাদান।

Answer 4

আমার এটি দরকার:

$('#myTable tbody > tr').remove();

এটি শিরোনাম ব্যতীত সমস্ত সারি মুছে দেয়।

Answer 5

পারমাণবিক বিকল্প:

$("#yourtableid").html("");

এর ভিতরে সমস্ত কিছু ধ্বংস করে দেয় #yourtableid। আপনার নির্বাচকদের সাথে সাবধান থাকুন, কারণ এটি আপনার পাসকারী নির্বাচিত যে কোনও এইচটিএমএলকে ধ্বংস করবে !

Comments

পারমাণবিক জন্য +1 :)। তবে বুঝতে হবে যে এটি 'সেরা' স্টাইল নয় :) আমি সাধারণভাবে এটির সুপারিশ করব না

— বুদা

হাঃ হাঃ হাঃ. রাজি। আমি অতীতের এই বিশেষ পদ্ধতিটি গতিবদ্ধ করার জন্য এবং কঠিন পরিস্থিতির সমাধানের জন্য ব্যবহার করেছি । এটি JQuery অ্যাপ্লিকেশনগুলির রাজ্যে কিছু বৈধ ব্যবহার আছে।

— কেভিনডিউস

Answer 6

$("#employeeTable td").parent().remove();

এটি সন্তানের হিসাবে trথাকা সমস্ত কিছুই মুছে ফেলবে td। অর্থাৎ শিরোনাম ব্যতীত সমস্ত সারি মুছে ফেলা হবে।

Comments

এটিই আমার পক্ষে কাজ করে। শিরোনাম ব্যতীত সমস্ত মুছুন ...

— এলবার্ট ভিলারিয়াল

Answer 7

এটি শিরোনাম এবং দেহ অক্ষত রেখে দেহের সাথে সম্পর্কিত সমস্ত সারি সরিয়ে ফেলবে:

$("#tableLoanInfos tbody tr").remove();

Answer 8

<table id="myTable" class="table" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody id="tblBody">

    </tbody>
</table>

এবং সরান:

$("#tblBody").empty();

Answer 9

  $('#myTable > tr').remove();

Answer 10

এর মতো একটি টেবিল থাকা (শিরোনাম এবং একটি বডি সহ)

<table id="myTableId">
    <thead>
    </thead>
    <tbody>
   </tbody>
</table>

# টেবিলআইডি-র ভিতরে পিতামাতাকে ডাকার প্রতিটি টিআর অপসারণ করুন

$('#tableId tbody > tr').remove();

এবং যদি আপনি আপনার টেবিলটিতে যুক্ত করতে চান তবে বিপরীতে

$('#tableId tbody').append("<tr><td></td>....</tr>");