JQuery প্যারেন্ট (), পিতা-মাতার () এবং নিকটতম () ফাংশনগুলির মধ্যে পার্থক্য


184

আমি কিছুক্ষণ jQuery ব্যবহার করা হয়। আমি parent()নির্বাচক ব্যবহার করতে চেয়েছিলেন । আমিও closest()নির্বাচককে নিয়ে হাজির হয়েছি । তাদের মধ্যে কোনও পার্থক্য খুঁজে পেল না। কোন আছে? যদি হ্যাঁ, কি?

মধ্যে পার্থক্য কি parent(), parents()এবং closest()?


6
পিতামাতা :::: পিতামাতার কাছে 1 ধাপ পিছনে ভ্রমণ করে .... :::: পিতামাতা ::: সমস্ত পিতামাতার একটি তালিকা দেয় .... :::: নিকটতম ::: শর্ত না পাওয়া পর্যন্ত ভাইবোনদের মধ্য দিয়ে ফিরে ভ্রমণ করে এবং শুধুমাত্র প্রথম ফিরে। এগুলি সমস্ত অতিরিক্ত নির্বাচকদের মাধ্যমে সংশোধন করা যেতে পারে
মুহাম্মদ উমার

উত্তর:


177

closest()DOM ট্রি থেকে উপরে নির্বাচকের সাথে মেলে এমন প্রথম উপাদানটি নির্বাচন করে। বর্তমান উপাদান থেকে শুরু করে এবং ভ্রমণ করে।

parent() একটি উপাদান আপ (সিঙ্গল লেভেল আপ) ডিওএম ট্রি নির্বাচন করে।

parents()পদ্ধতিটি অনুরূপ parent()তবে ডিওএম ট্রি পর্যন্ত সমস্ত মিলের উপাদান নির্বাচন করে। অভিভাবক উপাদান থেকে শুরু করে এবং ভ্রমণ করে।


10
এটি কি .parents()(পরিবর্তে .parent()) সমস্ত উপাদান পুনরুদ্ধার করে না?
acdcjunior

65
এই উত্তরটি একটি গুরুত্বপূর্ণ বিষয় অনুপস্থিত: "ক্লোজস্ট" বর্তমান উপাদান দিয়ে শুরু হয় এবং ভ্রমণ করে, যেখানে "পিতামাতারা" পিতামাতার উপাদান দিয়ে শুরু হয় এবং ভ্রমণ করে।
অ্যান্ড্রু

194

http://api.jquery.com/closest/ থেকে

.Parents () এবং .closest () পদ্ধতিতে অনুরূপ যে তারা DOM গাছ উভয় তর্ক। উভয়ের মধ্যে পার্থক্যগুলি সূক্ষ্ম হলেও তা উল্লেখযোগ্য:

.closest ()

  • বর্তমান উপাদান দিয়ে শুরু হয়
  • সরবরাহকারীর নির্বাচকটির জন্য এটি কোনও মিল খুঁজে পাওয়া না পাওয়া অবধি ডিওএম ট্রিটি ভ্রমণ করে
  • ফিরে আসা jQuery অবজেক্টে শূন্য বা একটি উপাদান রয়েছে

.parents ()

  • মূল উপাদানটির সাথে শুরু হয়
  • দস্তাবেজের মূল উপাদানটিতে ডিওএম গাছ ভ্রমণ করে প্রতিটি পূর্বপুরুষের উপাদানটিকে অস্থায়ী সংগ্রহে যুক্ত করে; এটি সরবরাহকারীর সরবরাহকারীর উপর ভিত্তি করে সংগ্রহটি ফিল্টার করে
  • ফিরে আসা jQuery অবজেক্টে শূন্য, এক, বা একাধিক উপাদান রয়েছে

.parent ()

  • একটি jQuery অবজেক্ট দেওয়া হয়েছে যা ডিওএম উপাদানগুলির একটি সেট প্রতিনিধিত্ব করে,। প্যারেন্ট () পদ্ধতিটি আমাদের ডিওএম ট্রিতে এই উপাদানগুলির পিতামাতার মাধ্যমে অনুসন্ধান করতে এবং মিলে যাওয়া উপাদানগুলি থেকে একটি নতুন জিক্যুরি অবজেক্ট তৈরি করতে সহায়তা করে।

দ্রষ্টব্য: .parents () এবং। পিতামাতার () পদ্ধতিগুলি একই রকম, বাদে কেবলমাত্র ডিওএম ট্রি পর্যন্ত একক স্তর ভ্রমণ করে। এছাড়াও, $ ("এইচটিএমএল") parent পিতামাতার () পদ্ধতিতে ডকুমেন্ট সম্বলিত একটি সেট ফিরে আসে যেখানে $ ("এইচটিএমএল") থাকে parents

এখানে সম্পর্কিত থ্রেড রয়েছে:


8
তিনি আসলে পিতামাতাদের () সম্পর্কে জিজ্ঞাসা করেছিলেন, না বাবা () (
স্কুবাস্টেভ

2
@ স্কুবাস্টেভ: দয়া করে উত্তরটি আবার পরীক্ষা করুন Note
নাভিদ

1
The .parents() and .parent() methods are similar, except that the latter only travels a single level up the DOM tree. Also, $("html").parent() method returns a set containing document whereas $("html").parents() returns an empty set.
নাভিদ

1
@ স্কুবাস্টেভ, হ্যাঁ, তবে পিতা-মাতার প্রশ্নটি আরও আকর্ষণীয়।
পল

15

উভয়ের মধ্যে পার্থক্যগুলি সূক্ষ্ম হলেও তা উল্লেখযোগ্য:

.closest ()

  • বর্তমান উপাদান দিয়ে শুরু হয়
  • সরবরাহকারীর নির্বাচকটির জন্য এটি কোনও মিল খুঁজে পাওয়া না পাওয়া অবধি ডিওএম ট্রিটি ভ্রমণ করে
  • ফিরে আসা jQuery অবজেক্টে শূন্য বা একটি উপাদান রয়েছে

.parents ()

  • মূল উপাদানটির সাথে শুরু হয়
  • দস্তাবেজের মূল উপাদানটিতে ডিওএম গাছ ভ্রমণ করে প্রতিটি পূর্বপুরুষের উপাদানটিকে অস্থায়ী সংগ্রহে যুক্ত করে; এটি সরবরাহকারীর সরবরাহকারীর উপর ভিত্তি করে সংগ্রহটি ফিল্টার করে
  • ফিরে আসা jQuery অবজেক্টে শূন্য, এক, বা একাধিক উপাদান রয়েছে

JQuery ডক্স থেকে


13
আমি মনে করি আপনার বর্ণনা .parents () এখানে
মুহাম্মাদ ওমর

1

উভয় $(this).closest('div')এবং মধ্যে পার্থক্য আছে$(this).parents('div').eq(0)

মূলত closestবর্তমান উপাদান থেকে মিলের উপাদানটি parentsশুরু করুন যেখানে পিতামাতাদের সাথে উপাদানগুলির সাথে ম্যাচ শুরু করুন (বর্তমান উপাদানের উপরে একটি স্তর)

See http://jsfiddle.net/imrankabir/c1jhocre/1/

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.