append পদ্ধতি

append পদ্ধতি এলিমেন্টের শেষে টেক্সট যোগ করে। একইভাবে কাজ করে এমন একটি পদ্ধতি হল appendTo।

সিনট্যাক্স

এলিমেন্টের শেষে টেক্সট ঢোকানো:

javascript$(selector).append(text);

নির্বাচিত এলিমেন্টগুলির শেষে সেই টেক্সট যোগ করা যেতে পারে, যা একটি কাস্টম ফাংশন দ্বারা রিটার্ন করা হয়। ফাংশনটি কল করা হয় নির্বাচিত প্রতিটি এলিমেন্টের জন্য আলাদাভাবে। কল করার সময় নিম্নলিখিত প্যারামিটারগুলি এতে পাঠানো হয়: পজিশন সেটে এলিমেন্টের, এলিমেন্টের বর্তমান কনটেন্ট:

javascript$(selector).append(function(index, currentContent));

কনটেন্ট শুধুমাত্র সাধারণ টেক্সটই নয় হতে পারে, এটি একটি DOM এলিমেন্ট বা jQuery অবজেক্টও হতে পারে। এই ক্ষেত্রে, এই এলিমেন্টগুলি তাদের নিজ নিজ অবস্থান থেকে HTML কোডে সরিয়ে নেওয়া হবে।

উদাহরণ

আসুন একটি নির্দিষ্ট প্যারাগ্রাফের শেষে টেক্সট ঢোকাই:

html<p id="test">text</p>

javascript$('#test').append('!!!');

HTML কোডটি এইরকম দেখাবে:

html<p id="test">text!!!</p>

উদাহরণ

আসুন একটি নির্দিষ্ট প্যারাগ্রাফের শেষে ট্যাগ সহ টেক্সট ঢোকাই:

html<p id="test">text</p>

javascript$('#test').append('<b>!!!</b>');

HTML কোডটি এইরকম দেখাবে:

html<p id="test">text<b>!!!</b></p>

উদাহরণ

আসুন সমস্ত প্যারাগ্রাফ খুঁজে বের করি এবং প্রত্যেকটির শেষে সেটির সিরিয়াল নম্বর সেটে রাখি:

html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>

javascript$('p').append(function(index, text){return index;});

HTML কোডটি এইরকম দেখাবে:

html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>

আরও দেখুন