আমার একটি ডিভ আছে:
<div class="test" id="someElement" style="position: absolute"></div>
নির্দিষ্ট উপাদান কিনা তা পরীক্ষা করার কোনও উপায় আছে:
$("#someElement")
একটি নির্দিষ্ট বর্গ আছে (আমার ক্ষেত্রে, "পরীক্ষা")।
পর্যায়ক্রমে, en উপাদানগুলির একটি নির্দিষ্ট স্টাইল রয়েছে কিনা তা পরীক্ষা করার কোনও উপায় আছে? এই উদাহরণে, আমি জানতে চাই যে উপাদানটি " position: absolute" রয়েছে কিনা ।
আপনাকে অনেক ধন্যবাদ!
উত্তর:
if($('#someElement').hasClass('test')) {
... do something ...
}
else {
... do something else ...
}
সিএসএস স্টাইলগুলি মূল "ট্যাগ" নয়, মূল-মান জুড়ি। ডিফল্টরূপে, প্রতিটি উপাদানকে সিএসএস শৈলীর একটি সম্পূর্ণ সেট নির্ধারিত থাকে, তাদের বেশিরভাগই স্পষ্টতই ব্রাউজারের ডিফল্ট ব্যবহার করে থাকে এবং তাদের কয়েকটি স্পষ্টভাবে সিএসএস স্টাইলশিটে পুনরায় সংজ্ঞায়িত করা হয়।
কোনও উপাদানটির একটি নির্দিষ্ট সিএসএস এন্ট্রিতে নির্ধারিত মান পেতে এবং এটির তুলনা করুন:
if ($('#yourElement').css('position') == 'absolute')
{
// true
}
আপনি যদি শৈলীর নতুন সংজ্ঞা দেন না, আপনি সেই নির্দিষ্ট উপাদানটির জন্য ব্রাউজারটি ডিফল্ট পাবেন।
if ($("element class or id name").css("property") == "value") {
your code....
}
অথবা, যদি আপনার সেই সম্পত্তিটির উপাদানটি অ্যাক্সেস করার প্রয়োজন হয় এবং এটি কোনও আইডি ব্যবহার না করে তবে আপনি এই পথে যেতে পারেন:
$("img").each(function () {
if ($(this).css("float") == "left") { $(this).addClass("left"); }
if ($(this).css("float") == "right") { $(this).addClass("right"); }
})
আমি একটি সমাধান পেয়েছি:
$("#someElement")[0].className.match("test")
তবে একরকম আমি বিশ্বাস করি যে এর চেয়ে আরও ভাল উপায় আছে!
প্রশ্ন দুটি ভিন্ন জিনিস জিজ্ঞাসা করছে:
দ্বিতীয় প্রশ্নের ইতিমধ্যে উত্তর দেওয়া হয়েছে। প্রথমটির জন্য, আমি এটি এইভাবে করব:
if($("#someElement").is(".test")){
// Has class test assigned, eventually combined with other classes
}
else{
// Does not have it
}