prepend পদ্ধতি

prepend পদ্ধতি একটি উপাদানের শুরুতে টেক্সট যোগ করে। এছাড়াও prependTo নামক একটি পদ্ধতি রয়েছে, যা একইভাবে কাজ করে।

সিনট্যাক্স

একটি উপাদানের শুরুতে টেক্সট ঢোকানো:

javascript$(সিলেক্টর).prepend(টেক্সট);

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

javascript$(সিলেক্টর).prepend(function(সেটে ক্রমিক নম্বর, উপাদানের বর্তমান বিষয়বস্তু));

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

উদাহরণ

আসুন একটি নির্দিষ্ট অনুচ্ছেদের শুরুতে টেক্সট ঢোকাই:

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

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

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

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

উদাহরণ

আসুন একটি নির্দিষ্ট অনুচ্ছেদের শুরুতে ট্যাগ সহ টেক্সট ঢোকাই:

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

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

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

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

উদাহরণ

আসুন সমস্ত অনুচ্ছেদ খুঁজে বের করি এবং তাদের প্রতিটির শুরুতে সেটে তার ক্রমিক নম্বর রাখি:

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

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

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

html<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>

আরও দেখুন