পিতামাতার <div> ভিতরে সমস্ত <div> s বিষয়বস্তু কীভাবে সাফ করবেন?

Question

আমার একটি ডিভ আছে <div id="masterdiv">যার বেশিরভাগ সন্তানের রয়েছে <div>।

উদাহরণ:

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

JQuery ব্যবহার <div>করে মাস্টারের অভ্যন্তরে সমস্ত সন্তানের বিষয়বস্তু কীভাবে সাফ করবেন <div>?

Comments

আমি আপনার প্রশ্নটি আবার ট্যাগ করেছি কারণ এটি Asp.net MVC এর সাথে সম্পর্কিত নয় (যেমন আপনি এটি ট্যাগ করেছেন) কোনও আকার বা আকারে।

— রবার্ট কোরিটনিক

যে উত্তর ব্যবহার করে তা গ্রহণ করার বিষয়ে বিবেচনা করুন .empty()। এটি করার সর্বাধিক পারফরম্যান্স উপায়

— কলব ক্যানিয়ন

Answer 1

jQuery('#masterdiv div').html('');

Comments

আমরা কি এইচটিএমএলকে ক্লোন করতে পারি এবং তাতে হেরফের করতে পারি? var tmp = $ ('<div>')। অ্যাপেন্ড ($ ('# মাস্টারডিভ')) এবং টিএমপি এর # মাস্টারডিভের মধ্যে ডিভগুলি পান এবং বিষয়বস্তু সাফ করুন এবং ফিরে আসুন

— প্রসাদ

.empty()কোনও স্ট্রিং পার্সিং জড়িত না থাকায় ব্যবহার করা আরও ভাল বিকল্প হবে। এটি সরাসরি ডিওএম অবজেক্ট মডেলটিতে কাজ করে।

— ড্রয় নোকস

empty()jQuery দিয়ে উত্পন্ন সমস্ত সামগ্রীও সাফ করে।

— মিককোপি

Answer 2

jQuery এর empty()ফাংশনটি কেবল এটি করে:

$('#masterdiv').empty();

মাস্টার সাফ করে দেয় div।

$('#masterdiv div').empty();

সমস্ত সন্তানের সাফ করে div, তবে মাস্টারটি অক্ষত রেখে দেয়।

Comments

api.jquery.com/empty এটি সত্য তবে কোয়ান্টিনের উত্তর কেন গৃহীত হয়েছে তা আমি জানি না :)

— নুরি ইলমাজ

এটি মূল প্রশ্নে যা চেয়েছিল তার চেয়ে আরও পরিষ্কার করে দেয় - আপনার আরও নির্দিষ্ট নির্দিষ্ট নির্বাচক ব্যবহার করা উচিত ।

— ড্রয় নোকস

বাহ, আপনাকে 1.5 বছর পরে এটি নির্দেশ করার জন্য ধন্যবাদ আঁকুন :) স্থির হয়েছে।

— এমিল ইভানভ

Answer 3

divআইডি সহ উপাদানটির অভ্যন্তরে সমস্ত উপাদান নির্বাচন করতে jQuery এর সিএসএস নির্বাচক সিনট্যাক্স ব্যবহার করুন masterdiv। তারপরে empty()বিষয়বস্তু সাফ করার জন্য কল করুন ।

$('#masterdiv div').empty();

ব্যবহার text('')বা html('')কিছু স্ট্রিং পার্সিংয়ের কারণ ঘটবে, যা সাধারণত ডিওএম এর সাথে কাজ করার সময় একটি খারাপ ধারণা। চেষ্টা করুন এবং DOM ম্যানিপুলেশন পদ্ধতিগুলি ব্যবহার করুন যেখানে সম্ভব যেখানেই DOM অবজেক্টগুলির স্ট্রিং উপস্থাপনা জড়িত না।

Answer 4

jQuery আপনাকে ".empty ()", "। অপসারণ ()", "। বিচ্ছিন্ন ()" ব্যবহার করার পরামর্শ দেয়

আপনার যদি উপাদানটির সমস্ত উপাদান মোছার প্রয়োজন হয় তবে এই কোডটি ব্যবহার করুন:

$('#target_id').empty();

আপনার যদি সমস্ত উপাদান মোছার প্রয়োজন হয় তবে এই কোডটি ব্যবহার করুন:

$('#target_id').remove();

i এবং jQuery গোষ্ঠী .html () .attr () .text () এর মতো SEX FUNCTION ব্যবহারের জন্য সুপারিশ করে না , এটি কী? এটি যদি আপনার দরকার হয় তবে সেট করতে চান

রেফ: https://learn.jquery.com/ using-jquery-core/manipulating-elements/

Answer 5

যদি সেই মাস্টারডিভের সমস্ত ডিভগুলি সাফ করার দরকার হয় তবে এটি এটি।

$('#masterdiv div').html('');

অন্যথায়, আপনাকে # মাস্টারডিভের সমস্ত ডিভ শিশুদের উপর পুনরাবৃত্তি করতে হবে এবং আইডি চাইল্ডডিভ দিয়ে শুরু হয় কিনা তা পরীক্ষা করে দেখুন।

$('#masterdiv div').each(
    function(element){
        if(element.attr('id').substr(0, 8) == "childdiv")
        {
            element.html('');
        }
    }
 );

Answer 6

আরও ভাল উপায়:

 $( ".masterdiv" ).empty();

Comments

এটি প্রশ্ন অনুসারে আইডি "মাস্টারডিভ" নয়, "মাস্টারডিভ" শ্রেণীর সমস্ত উপাদান নির্বাচন করে - কেবল একটি নোট।

— ডেভ

Answer 7

$("#masterdiv div").text("");

Answer 8

$("#masterdiv > *").text("")

অথবা

$("#masterdiv").children().text("")

Answer 9

$('#div_id').empty();

অথবা

$('.div_class').empty();

একটি ডিভের মধ্যে সামগ্রীগুলি সরাতে সূক্ষ্মভাবে কাজ করে

Comments

এমিল ইভানভের উত্তরের সদৃশ।

— অ্যাড্রিয়ান এনরিকিউজ

Answer 10

সমস্ত শিশু উপাদান পরিষ্কার করতে আপনি .empty () ফাংশন ব্যবহার করতে পারেন

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

Jquery .empty (), .hide (), .reove () এবং .detach () এর মধ্যে তুলনা দেখতে এখানে অনুসরণ করুন

Answer 11

আপনি যখন কোনও পরিষেবা বা ডাটাবেস ব্যবহার করে আইডি দ্বারা ডিভিতে ডেটা যুক্ত করছেন, প্রথমে এটি খালি চেষ্টা করুন:

var json = jsonParse(data.d);
$('#divname').empty();

Answer 12

$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

অথবা

$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});

Answer 13

আমি জানি এটি একটি jQueryসম্পর্কিত প্রশ্ন, তবে আমি বিশ্বাস করি যে কেউ এখানে শুদ্ধ Javascriptসমাধানের প্রত্যাশা পেতে পারে । সুতরাং, আপনি যদি এটি ব্যবহার করে চেষ্টা করছেন js, আপনি innerHTMLসম্পত্তিটি ব্যবহার করতে এবং এটি একটি খালি স্ট্রিংয়ে সেট করতে পারেন।

document.getElementById('masterdiv').innerHTML = '';

Comments

কীভাবে কোনও ডিভিডি খালি করা যায় তা অনুসন্ধান করার সময় গুগলে এটি শীর্ষ ফলাফল ছিল। ধন্যবাদ!

— প্রিড

Answer 14

যদি এটি সাহায্য করে তবে তাদের চেষ্টা করুন।

$('.div_parent .div_child').empty();

$('#div_parent #div_child').empty();

Comments

কেন "-1"। আমি কি শুধু সাহায্য করার চেষ্টা করছিলাম?

— গৌরব কৌশিক