উত্তর:
এই এইচটিএমএল কোডটি নিন:
<div id="mydiv">Hello World</div>
এরকম:
$('#mydiv').html('Aloha World');
ফলাফল হবে:
<div id="mydiv">Aloha World</div>
এরকম:
$('#mydiv').replaceWith('Aloha World');
ফলাফল হবে:
Aloha World
সুতরাং এইচটিএমএল () উপাদানটির বিষয়বস্তুগুলি প্রতিস্থাপন করে, যখন প্রতিস্থাপনের সাথে () প্রকৃত উপাদানকে প্রতিস্থাপন করে।
প্রতিস্থাপনের সাথে () বর্তমান উপাদানটিকে প্রতিস্থাপন করবে, যেখানে এইচটিএমএল () কেবল বিষয়বস্তুগুলিকে প্রতিস্থাপন করে।
মনে রাখবেন যে প্রতিস্থাপনের সাথে () আসলে উপাদানটি মুছবে না তবে কেবল এটি ডিওএম থেকে অপসারণ করবে এবং এটি আপনাকে সংগ্রহে ফিরিয়ে দেবে।
পিটারের জন্য একটি উদাহরণ: http://jsbin.com/ofirip/2
-1
এবং আশা করি এটি সবার জন্য সহায়ক হবে। :)
var $form = $target.closest('tr').replaceWith(html)
এটি $form
প্রতিস্থাপনের আগে উপাদানটি ধারণ করে। দীর্ঘশ্বাস
এইচটিএমএল () এবং রিপ্লেস উইথ () জ্যাকুরি ফাংশন ব্যবহার করার দুটি উপায় রয়েছে।
<div id="test_id">
<p>My Content</p>
</div>
1.) এইচটিএমএল () বনাম প্রতিস্থাপন ()
var html = $('#test_id p').html();
"আমার সামগ্রী" ফিরিয়ে দেবে
তবে এর
var replaceWith = $('#test_id p').replaceWith();
পুরো DOM অবজেক্টটি ফিরিয়ে দেবে
<p>My Content</p>
।
২) এইচটিএমএল ('মান') বনাম প্রতিস্থাপন ('মান')
$('#test_id p').html('<h1>H1 content</h1>');
আপনি নীচের আউট পুট দিতে হবে।
<div id="test_id">
<p><h1>H1 content</h1></p>
</div>
তবে
$('#test_id p').replaceWith('<h1>H1 content</h1>');
আপনাকে নিম্নলিখিত নীচে রাখবে।
<div id="test_id">
<h1>H1 content</h1>
</div>
পুরানো প্রশ্ন তবে এটি কারও সাহায্য করতে পারে।
ইন্টারনেট এক্সপ্লোরার এবং ক্রোম / ফায়ারফক্সে কীভাবে এই ফাংশনগুলি পরিচালনা করে তার মধ্যে কিছু পার্থক্য রয়েছে যদি আপনার এইচটিএমএলটি বৈধ না থাকে।
আপনার এইচটিএমএল পরিষ্কার করুন এবং তারা ডকুমেন্ট হিসাবে কাজ করবে।
( </center>
আমার সন্ধ্যার জন্য আমার ব্যয় বন্ধ না করে !)
এটি এটির .empty().append()
পরিবর্তেও ব্যবহার করা যেতে পারে তা জানাও দরকারী .html()
। নীচে দেখানো বেঞ্চমার্কে এটি দ্রুত তবে কেবল যদি আপনাকে এই ফাংশনটি বহুবার কল করার প্রয়োজন হয়।