সিএসএস বৈশিষ্ট্যের উপর ভিত্তি করে আমার একটি সংখ্যার গণনা করা দরকার। তবে, যখন আমি তথ্যটি ব্যবহার করতে এটি ব্যবহার করি:
$(this).css('marginBottom')এটি '10px' মান প্রদান করে। শুধু মান সংখ্যা অংশ পেয়ে একটি কৌতুক কোন ব্যাপার কিনা এটা হয় pxবা %বা emবা যাই হোক না কেন?
উত্তর:
এটি স্ট্রিং থেকে সমস্ত অ-অঙ্ক, অ-বিন্দু এবং বিয়োগ-চিহ্নটি পরিষ্কার করবে:
$(this).css('marginBottom').replace(/[^-\d\.]/g, '');নেতিবাচক মানগুলির জন্য আপডেট করা
/[^-\d\.]/g
parseInt($(this).css('marginBottom'), 10);parseInt স্বয়ংক্রিয়ভাবে ইউনিট উপেক্ষা করবে।
উদাহরণ স্বরূপ:
var marginBottom = "10px";
marginBottom = parseInt(marginBottom, 10);
alert(marginBottom); // alerts: 10parseInt
প্রতিস্থাপন পদ্ধতির সাথে, আপনার সিএসএস মানটি একটি স্ট্রিং, এবং কোনও সংখ্যা নয়।
এই পদ্ধতিটি আরও পরিষ্কার, সহজ এবং একটি নম্বর প্রদান করে:
parseFloat($(this).css('marginBottom'));%, em)
parseFloat($(this).css('marginBottom'))এমনকি মার্জিনবটম এম-তে সংজ্ঞায়িত হলেও, উপরের পার্সফ্লোটের অভ্যন্তরের মান পিক্সে হবে, কারণ এটি একটি গণনা করা সিএসএস সম্পত্তি।
$(this).css('marginBottom').replace('px','')pxতবে দেওয়া হয় তবে emআপনাকে রূপান্তর করতে হবে।
আমি কোনও একক সিএসএস সম্পত্তির সংখ্যাসূচক মানটি ফিরিয়ে দিতে একটি সহজ jQuery প্লাগইন ব্যবহার করি।
এটি parseFloatjQuery এর ডিফল্ট cssপদ্ধতিতে ফিরে আসা মানের ক্ষেত্রে প্রযোজ্য ।
প্লাগিন সংজ্ঞা:
$.fn.cssNum = function(){
return parseFloat($.fn.css.apply(this,arguments));
}ব্যবহার:
var element = $('.selector-class');
var numericWidth = element.cssNum('width') * 10 + 'px';
element.css('width', numericWidth);আমাদের ধরে নেওয়া যাক আপনার একটি মার্জিন-নীচের সম্পত্তি 20px / 20% / 20 ম এ সেট করা আছে। একটি সংখ্যা হিসাবে মান পেতে দুটি বিকল্প রয়েছে:
বিকল্প 1:
parseInt($('#some_DOM_element_ID').css('margin-bottom'), 10);ParseInt () ফাংশন একটি স্ট্রিংকে পার্স করে এবং পূর্ণসংখ্যা ফেরত দেয়। উপরের ফাংশনে পাওয়া 10 টি পরিবর্তন করবেন না ("রেডিক্স" হিসাবে পরিচিত) আপনি কী করছেন তা না জানলে।
উদাহরণ আউটপুটটি হবে:% (এবং যদি px এ মার্জিন-নীচে সেট থাকে) তবে এটি বর্তমান পিতামণ্ডল / ফন্টের আকারের ভিত্তিতে আপেক্ষিক সংখ্যাটি আউটপুট দেবে।
বিকল্প 2 (আমি ব্যক্তিগতভাবে এই বিকল্পটি পছন্দ করি)
parseFloat($('#some_DOM_element_ID').css('margin-bottom'));উদাহরণ আউটপুটটি হবে:% (এবং যদি px এ মার্জিন-নীচে সেট থাকে) তবে এটি বর্তমান পিতামণ্ডল / ফন্টের আকারের ভিত্তিতে আপেক্ষিক সংখ্যাটি আউটপুট দেবে।
পার্সফ্লোট () ফাংশন একটি স্ট্রিংকে বিশ্লেষণ করে এবং একটি ভাসমান পয়েন্ট নম্বর দেয়।
পার্সফ্লোট () ফাংশন নির্ধারণ করে যে নির্দিষ্ট স্ট্রিংয়ের প্রথম অক্ষরটি একটি সংখ্যা is যদি এটি হয় তবে এটি সংখ্যার শেষ না হওয়া পর্যন্ত স্ট্রিংটিকে পার্স করে এবং সংখ্যাটি স্ট্রিং হিসাবে নয়, সংখ্যার হিসাবে ফেরত দেয়।
বিকল্প 2 এর সুবিধাটি হ'ল যদি আপনি দশমিক সংখ্যা ফিরে পেয়ে থাকেন (যেমন 20.32322px) তবে দশমিক পয়েন্টের পিছনে থাকা মানগুলি দিয়ে আপনি ফিরে আসবেন। আপনার যদি নির্দিষ্ট নম্বরগুলি প্রত্যাবর্তনের প্রয়োজন হয় তবে দরকারী, উদাহরণস্বরূপ যদি আপনার মার্জিন-নীচে এম বা % তে সেট করা থাকে
আইডি যান:
Math.abs(parseFloat($(this).css("property")));marginএটি নেতিবাচক বা ইতিবাচক কিনা তা জানতে চাইব !
ইউনিট ছাড়াই উপাদানের প্রস্থ পাওয়ার সহজতম উপায় হ'ল:
target.width()আপনি এই খুব সহজ jQuery প্লাগইন বাস্তবায়ন করতে পারেন :
প্লাগিন সংজ্ঞা:
(function($) {
$.fn.cssValue = function(p) {
var result;
return isNaN(result = parseFloat(this.css(p))) ? 0 : result;
};
})(jQuery);এটি NaNপুরানো আই সংস্করণে ঘটতে পারে এমন মানগুলির সাথে প্রতিরোধী ( 0পরিবর্তে ফিরে আসবে )
ব্যবহার:
$(this).cssValue('marginBottom');উপভোগ করুন! :)
var result; return isNaN(result = parseFloat(this.css(p))) ? 0 : result;
যদি এটি কেবল "px" এর জন্য হয় তবে আপনি এটি ব্যবহার করতে পারেন:
$(this).css('marginBottom').slice(0, -2);ব্যবহার
$(this).cssUnit('marginBottom');যা একটি অ্যারের ফিরিয়ে দেয়। প্রথম সূচক মার্জিন নীচের মান ( 20px এর জন্য উদাহরণ 20 ) এবং দ্বিতীয় সূচকটি মার্জিন নীচের ইউনিট প্রদান করে (উদাহরণস্বরূপ px 20px)