link - jquery w3schools




JQuery সঙ্গে উপাদান আইডি মধ্যে কোলন হ্যান্ডলিং (6)

আমি শুধু document.getElementById ব্যবহার করব, এবং ফলাফলটি jQuery() ফাংশনটি পাস করব।

var e = document.getElementById('test:abc');
$(e) // use $(e) just like $('#test:abc') 

আমরা jQuery এর সাহায্যে JS কোডে "test: abc" আইডি দিয়ে ডিভ উপাদান অ্যাক্সেস করতে সক্ষম নই।

<div id="test:abc">

$('#test:abc') 

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


এই সিনট্যাক্স $('[id="test:abc"]') আমার জন্য কাজ করেছে। আমি Netbeans 6.5.1 ব্যবহার করছি এবং এটি একটি id সহ উপাদান তৈরি করে যা একটি রয়েছে : (colon) । আমি \\ এবং \3A চেষ্টা করেছি কিন্তু তাদের কেউ কাজ করেনি।


তোস্কান এর উত্তরের কথা উল্লেখ করে, আমি তার কোডটিকে আরও কিছু পঠনযোগ্য এবং পৃষ্ঠাতে আউটপুট করার জন্য আপডেট করেছি।

এখানে জবিন লিঙ্কটি রয়েছে: http://jsbin.com/ujajuf/14/edit



এছাড়াও, আমি আরো পুনরাবৃত্তি সঙ্গে এটি দৌড়ে

Iterations:1000000

Results:    
12794   $("#annyoing\\:colon")
12954   $("[id='annyoing:colon']"
754 $(document.getElementById("annyoing:colon"))
3294    $("#nocolon")
13516   $("[id='nocolon']")

আরও বেশি:

Iterations:10000000

Results:    
137987  $("#annyoing\\:colon")
140807  $("[id='annyoing:colon']"
7760    $(document.getElementById("annyoing:colon"))
32345   $("#nocolon")
146962  $("[id='nocolon']")

দুই ব্যাকস্ল্যাশ ব্যবহার করুন \\

DEMO

এখানে লেখা হিসাবে

যদি আপনি মেটা-অক্ষরের যেকোনো একটি ব্যবহার করতে চান (যেমন! "# $% & '(*) * +,। /:; = =>? @ [] ^` {{} ~ ~) একটি আক্ষরিক অংশ হিসাবে নাম, আপনাকে অবশ্যই দুটি ব্যাকস্ল্যাশের সাথে অক্ষর থেকে পালাতে হবে: \। উদাহরণস্বরূপ, যদি আপনার আইডি = "foo.bar" উপাদান থাকে তবে আপনি নির্বাচক $ ("# foo \ .bar") ব্যবহার করতে পারেন। W3C CSS স্পেসিফিকেশন সম্পূর্ণ রয়েছে

Reference


$('#test\\:abc')


$('[id=id:with:colon]')





jquery