before পদ্ধতি
before পদ্ধতি নির্দিষ্ট এলিমেন্টের আগে টেক্সট যোগ করে।
এছাড়াও insertBefore নামে একটি পদ্ধতি রয়েছে,
যেটি একইভাবে কাজ করে।
বাক্য গঠন
এলিমেন্টের আগে টেক্সট ঢোকানো:
$(সিলেক্টর).before(টেক্সট);
এভাবে নির্বাচিত এলিমেন্টগুলির আগে সেই টেক্সটটি যোগ করা হবে, যেটি ব্যবহারকারী-সংজ্ঞায়িত ফাংশন দ্বারা ফেরত দেওয়া হয়:
$(সিলেক্টর).before(function(সেটে নম্বর));
ফাংশন ব্যবহারের আরেকটি বিকল্প, দ্বিতীয় প্যারামিটার হিসেবে এলিমেন্টের পুরানো html মান নির্দিষ্ট করা হয়:
$(সিলেক্টর).before(function(সেটে নম্বর, html স্ট্রিং));
টেক্সট শুধুমাত্র সাধারণ টেক্সটই নয় হতে পারে, এটি একটি DOM এলিমেন্ট বা jQuery অবজেক্টও হতে পারে। এই ক্ষেত্রে, এই এলিমেন্টগুলি তাদের HTML কোডের নিজ নিজ অবস্থান থেকে সরিয়ে দেওয়া হবে।
উদাহরণ
আসুন নির্দিষ্ট অনুচ্ছেদের আগে কিছু টেক্সট ঢোকাই:
<p id="test">text</p>
$('#test').before('!!!');
HTML কোডটি এখন এমন দেখাবে:
!!!<p id="test">text</p>
উদাহরণ
আসুন নির্দিষ্ট অনুচ্ছেদের আগে ট্যাগ সহ টেক্সট ঢোকাই:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML কোডটি এখন এমন দেখাবে:
<p>!!!</p><p id="test">text</p>
উদাহরণ
আসুন একটি অনুচ্ছেদকে অন্যটির উপরে রাখি (অর্থাৎ পুরানো অবস্থান থেকে অনুচ্ছেদটি কেটে নিয়ে নতুন জায়গায় রাখি):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
HTML কোডটি এখন এমন দেখাবে:
<p id="p1">text1</p>
<p id="p2">text2</p>
আরও দেখুন
-
insertBeforeপদ্ধতি,
যেটি নির্দিষ্ট এলিমেন্টের আগে টেক্সট যোগ করে -
after,append,prependপদ্ধতিগুলো,
যেগুলো পৃষ্ঠায় নির্দিষ্ট স্থানে কন্টেন্ট যোগ করতে দেয় -
cloneপদ্ধতি,
যেটি নির্বাচিত এলিমেন্টগুলির কপি তৈরি করে
