स्पष्ट तालिका jquery

Question

मेरे पास एक HTML तालिका है जिसमें कई पंक्तियाँ हैं।

मैं तालिका से सभी पंक्तियों को कैसे निकाल सकता हूं ?

Answer 1

.Remove () का उपयोग करें

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

यदि आप डेटा को हटाने के बाद भी भविष्य के उपयोग के लिए रखना चाहते हैं तो आप .detach () का उपयोग कर सकते हैं

$("#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

यह काम कर रहा है, लेकिन यह 'tbody' को इसके अंदर के सभी 'tr' के साथ हटा रहा है।

— हकन फ्यस्टीक

आप ठीक कह रहे हैं, @ हकमफॉस्टोक। मैंने खाली () का उपयोग करने के लिए अपने जवाब को संपादित किया है

— हॉफज

Answer 3

प्रत्येक व्यक्ति को अलग-अलग हटाने की तुलना में थोड़ा तेज:

$('#myTable').empty()

तकनीकी रूप से, यह हटा देगा thead, tfootऔर tbodyतत्व भी।

Answer 4

मुझे इसकी आवश्यकता थी:

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

यह शीर्ष लेख को छोड़कर सभी पंक्तियों को हटा देता है।

Answer 5

परमाणु विकल्प:

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

के अंदर सब कुछ नष्ट कर देता है #yourtableid। अपने चयनकर्ताओं से सावधान रहें, क्योंकि यह आपके द्वारा चुने गए चयनकर्ता के किसी भी html को नष्ट कर देगा !

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 कहलाता है

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

और यदि आप अपनी तालिका में जोड़ना चाहते हैं तो रिवर्स में

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