jQuery পরিভ্রমণ - contents() মথুদ্দতা

উদাহরণ

প্যারাগ্রাফের সকল টেক্সট নোডসকে অনুসন্ধান করে, এবং তাদের বড় লেখার ট্যাগে ভর্তি করে。

$("p").contents().filter(function(){ return this.nodeType != 1; }).wrap("<b/>");

স্বয়ং প্রয়োগ করুন

সংজ্ঞা ও ব্যবহার

contents() মথুদ্দতা ম্যাচিং ইলেকট্রনিক সংগ্রহের প্রত্যেক ইলেকট্রনিকের সাব-নোডসগুলি অনুসন্ধান করে, যার মধ্যে টেক্সট এবং কমেন্ট নোডসও রয়েছে。

সংজ্ঞা

.contents()

বিস্তারিত ব্যাখ্যা

যদি ডম ইলেকট্রনিক সংগ্রহকে উল্লেখ করা হয়, .contents() মথুদ্দতা আমাদের ডম ট্রির এই ইলেকট্রনিকগুলির সরাসরি সাব-নোডসগুলি অনুসন্ধান করতে দেয়, এবং ম্যাচিং ইলেকট্রনিকগুলি থেকে নতুন জেনারিক জেনারেট করা হয় .contents() এবং .children() পদ্ধতি একই, কিন্তু প্রথমটিতে ফলাফল জিনিস এলিমেন্ট এবং টেক্সট নোডকে অন্তর্ভুক্ত করে

.contents() মথুরা আবার আইফ্রেমের কনটেন্ট ডকুমেন্টকে পাওয়া যায়, যদি সেই আইফ্রেম মূল পৃষ্ঠার সমস্ত ডোমেইনে থাকে

এখানে কিছু টেক্সট নোডগুলি সহ একটি <div> ভাবুন, প্রত্যেক নোডকে দুটি বিভক্তি এলিমেন্ট (<br/>) দ্বারা বিভক্ত করা হয়:

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
  do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
  <br /><br />
  Ut enim ad minim veniam, quis nostrud exercitation ullamco 
  laboris nisi ut aliquip ex ea commodo consequat.
  <br /> <br />
  Duis aute irure dolor in reprehenderit in voluptate velit 
  esse cillum dolore eu fugiat nulla pariatur.
</div>

আমরা .contents() মথুরা ব্যবহার করতে পারি যাতে টেক্সট ব্লককে ভালোভাবে প্যারাগ্রাফে রূপান্তর করা হোক:

$('.container').contents().filter(function() {
  return this.nodeType == 3;
})
  .wrap('<p></p>')
.end()
.filter('br')
  .remove();

স্বয়ং প্রয়োগ করুন

এই কোডটি প্রথমে <div class="container"> এর কনটেন্টকে গ্রহণ করবে, তারপর টেক্সট নোডকে ফিল্টার করবে, এবং টেক্সট নোডকে প্যারাগ্রাফ ট্যাগে এনকাপসুল করবে। এটি .nodeType এলিমেন্টের প্রয়োগের মাধ্যমে করা হয়, যা নোডকের ধরন নির্দেশকারী নম্বর কোড সম্পর্কে থাকে; টেক্সট নোডকে 3 নম্বর কোড ব্যবহৃত হয়। কনটেন্টকে পুনরায় ফিল্টার করা হবে, এবং এবার <br /> এলিমেন্টকে অপসারণ করা হবে, এই এলিমেন্টগুলি অপসারণ করা হবে।