আমি কীভাবে একটি ডিওএম উপাদানকে একটি jQuery উপাদান রূপান্তর করতে পারি?


277

আমি ডকুমেন্ট.ক্রেটএলিমেন্ট () দিয়ে একটি উপাদান তৈরি করছি। এখন আমি কীভাবে এটি এমন কোনও ফাংশনে পাস করতে পারি যা কেবল একটি জ্যাকুরি অবজেক্ট নেয়?

$("#id") 

আমি এটি ব্যবহার করতে পারি না, কারণ উপাদানটি পৃষ্ঠাটিতে এখনও রেন্ডার হয়নি।


2
এই জিজ্ঞাসাটি স্ট্যাকওভারফ্লোতে সেরা প্রশ্ন হিসাবে ভূষিত করা উচিত
অলিভার

উত্তর:


445
var elm = document.createElement("div");
var jelm = $(elm);//convert to jQuery Element
var htmlElm = jelm[0];//convert to HTML Element

10
এটি কাজ করে কারণ jquery কেবল স্ট্রিং নির্বাচককেই গ্রহণ করবে না, তবে বিদ্যমান an (j) কোয়েরি ফাংশনের আর্গুমেন্ট হিসাবে একটি বিদ্যমান jquery অবজেক্ট বা কোনও বৈধ ডোম অবজেক্ট গ্রহণ করবে।
স্যামুয়েল মিচাম

বিপরীতে কি হবে? আপনি একটি jquery উপাদান আছে এবং এটি একটি ডোম উপাদান রূপান্তর করতে চান?
রায়ান সাম্পসন

2
বিপরীতটি দ্বারা করা যেতে পারে: johnjianfang.blogspot.com/2009/04/…
রায়ান

আশ্চর্যজনক! খুব ইউসফুল
অলিভার

আরে @ মারিয়াস এই কাজ করবে যদি এলমে ডোম নোডের সংকলন থাকে?
daremkd

16

JQuery ব্যবহার করে উপাদান তৈরি সম্পর্কে কী? যেমন

$("<div></div>")

পৃষ্ঠায় যুক্ত হওয়ার জন্য প্রস্তুত একটি নতুন ডিভ উপাদান তৈরি করে। আরও সংক্ষিপ্ত করা যেতে পারে

$("<div>")

তারপরে আপনি যে কমান্ডগুলির প্রয়োজন সেগুলি চেইন করতে পারেন, ইভেন্ট হ্যান্ডলারগুলি সেট আপ করতে এবং এটি ডিওমে যুক্ত করতে পারেন। উদাহরণ স্বরূপ

$('<div id="myid">Div Content</div>')
    .bind('click', function(e) { /* event handler here */ })
    .appendTo('#myOtherDiv');

2
আসলে আমি কোথাও থেকে কোডটি পরিবর্তন করতে পারি না এমন উপাদানটি পেয়ে যাচ্ছি
তানময়

2

এখন পর্যন্ত সর্বোত্তম সমাধান যা আমি তৈরি করেছি:

function convertHtmlToJQueryObject(html){
    var htmlDOMObject = new DOMParser().parseFromString(html, "text/html");
    return $(htmlDOMObject.documentElement);
}
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.