JQuery ব্যবহার করে রান সময় ট্যাগের hrefবৈশিষ্ট্যটি নির্ধারণের সেরা উপায় কী <a>?
এছাড়াও, আপনি কীভাবে jQuery ব্যবহার hrefকরে <a>ট্যাগটির বৈশিষ্ট্যের মান পাবেন ?
রানটাইমে href অ্যাট্রিবিউট সেট করা হচ্ছে
উত্তর:
এইচটিএমএল উপাদানটির একটি বৈশিষ্ট্য পেতে বা সেট করতে, আপনি element.attr()jQuery এ ফাংশনটি ব্যবহার করতে পারেন ।
Href বৈশিষ্ট্যটি পেতে , নিম্নলিখিত কোডটি ব্যবহার করুন:
var a_href = $('selector').attr('href');Href বৈশিষ্ট্য সেট করতে, নিম্নলিখিত কোডটি ব্যবহার করুন:
$('selector').attr('href','http://example.com');উভয় ক্ষেত্রেই, দয়া করে উপযুক্ত নির্বাচকটি ব্যবহার করুন। যদি আপনি অ্যাঙ্কর উপাদানটির জন্য শ্রেণি নির্ধারণ করে থাকেন তবে ব্যবহার করুন '.class-name'এবং যদি আপনি অ্যাঙ্কর উপাদানটির জন্য আইডি সেট করে থাকেন তবে ব্যবহার করুন '#element-id'।
1
আমি এইটি href পেতে ব্যবহার। সতর্কতা ($ ( "# প্রকাশ-লিঙ্ক") ATTR ( "সূরা")।); এবং এটি আমাকে সতর্ক করে দিয়েছে "অপরিজ্ঞাত"।
—
গৌতমলাকুম
সম্ভবত এটির অর্থ হ'ল আপনার প্রকাশিত লিঙ্কটি আইডির পরিবর্তে একটি শ্রেণি। চেষ্টা করুন: সতর্কতা ($ ("। প্রকাশ-লিংক")। অ্যাটর ("href")); পরিবর্তে
—
জিম টোলান
@ lakum4stackof: আপনি এখানে << একটি ট্যাগ ট্যাগটি ব্যবহার করছেন ঠিক তা পোস্ট করাতে সহায়তা করবে :)
আহ আহ! তুমি ঠিক. আমি ক্লাস প্রয়োগ করেছি এবং jquery কোডে আমি '#' ব্যবহার করেছি। এটি সতর্কতার সাথে কাজ করেছিল ($ ("। প্রকাশ-লিংক")। অ্যাটর ("href")); অনেক ধন্যবাদ. :)
—
গৌতমলাকুম
JQuery 1.6+ এ এটি ব্যবহার করা ভাল:
$(selector).prop('href',"http://www...")থেকে সেট মান, এবং
$(selector).prop('href')থেকে পেতে মান
সংক্ষেপে, .propউপর পায় এবং সেট মান করে DOM বস্তু, এবং .attrপায় এবং সেট মান এইচটিএমএল । এটি .propকিছু প্রসঙ্গে সামান্য দ্রুত এবং সম্ভবত আরও নির্ভরযোগ্য করে তোলে ।
সম্মত '.prop' পুরো পথ পাবে যেমন: http: //www.../index.html যখন .attr কেবল পাবেন: 'index.html'
—
DevWL
এর hrefসাথে অ্যাট্রিবিউট সেট করুন
$(selector).attr('href', 'url_goes_here');এবং এটি ব্যবহার করে পড়ুন
$(selector).attr('href');যেখানে "নির্বাচক" হ'ল আপনার <a>উপাদানটির জন্য কোনও বৈধ jQuery নির্বাচনকারী (".myClass" বা "#myId" সর্বাধিক সাধারণের নামকরণের জন্য)।
আশাকরি এটা সাহায্য করবে !
আমি এইটি href পেতে ব্যবহার। সতর্কতা ($ ( "# প্রকাশ-লিঙ্ক") ATTR ( "সূরা")।); এবং এটি আমাকে সতর্ক করে দিয়েছে "অপরিজ্ঞাত"।
—
গৌতমলাকুম
@ lakum4stackf আপনি সম্ভবত এই সতর্কতা কোডটি কার্যকর করেছেন আপনি নিজের
—
ভ্যালেন্টিন ফ্ল্যাচসেল
hrefবৈশিষ্ট্যটি নির্ধারণ করার আগে আপনার নির্বাচকটি সঠিক বলে ধরে নিচ্ছেন ।
চেষ্টা করুন: সতর্কতা ($ ("। প্রকাশ-লিংক")। অ্যাটর ("href")); আপনার উপাদান হিসাবে একটি আইডি চেয়ে ক্লাস হতে পারে। প্রকৃতপক্ষে, সম্ভবত এটি আপনার ইভেন্টের মধ্যে if (এটি) ব্যবহার করে
—
জিম টোলান
তিনটি সমাধানের জন্য ছোট কার্য সম্পাদনের পরীক্ষার তুলনা:
$(".link").prop('href',"https://example.com")$(".link").attr('href',"https://example.com")document.querySelector(".link").href="https://example.com";
এখানে আপনি নিজের দ্বারা পরীক্ষা সম্পাদন করতে পারেন https://jsperf.com/a-href-js- بدل
আমরা নিম্নলিখিত উপায়ে href মান পড়তে পারি
let href = $(selector).prop('href');let href = $(selector).attr('href');let href = document.querySelector(".link").href;
এখানে আপনি নিজের দ্বারা https://jsperf.com/a-href-js-read পরীক্ষা চালাতে পারেন
নিস! অদ্ভুতভাবে, আমি আপনার বিপরীত ফলাফল পাচ্ছি, তবে এগুলি নিজে চালাতে সক্ষম হওয়া আকর্ষণীয়।
—
হোল্ডঅফহাঙ্গার
@ হোল্ডঅফহাঙ্গার হ্যাঁ - খুব আকর্ষণীয় - আপনার মেশিন, ওএস এবং ব্রাউজারটি কী?
—
কামিল কিয়েসজেউস্কি
FF59, Win10। ফলাফলগুলি আবার কিছুটা পরিবর্তিত হয়েছে বলে মনে হচ্ছে (এটি সম্ভবত # টি ট্যাব খোলা উপর নির্ভর করে), তবে এখনও বেশিরভাগই একই: imgur.com/a/MLDnTWM মেশিন: 10 বছরের পুরাতন ইন্টেল বোর্ড (dp55wg), 3.1 গিগাবাইট কোয়াড-কোর, 16 জিবি ডিডিআর 3 র্যাম, জিটিএক্স 1070।
—
হোল্ডঅফহ্যাঙ্গার
<style>
a:hover {
cursor:pointer;
}
</style>
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".link").click(function(){
var href = $(this).attr("href").split("#");
$(".results").text(href[1]);
})
})
</script>
<a class="link" href="#one">one</a><br />
<a class="link" href="#two">two</a><br />
<a class="link" href="#three">three</a><br />
<a class="link" href="#four">four</a><br />
<a class="link" href="#five">five</a>
<br /><br />
<div class="results"></div>
কোড-কেবলমাত্র উত্তরগুলি উত্তরগুলির মতো সহায়ক নয় যেগুলির কার্যকরী কোড এবং সহায়ক ব্যাখ্যা রয়েছে। এই ক্ষেত্রে, 5 বছর বয়সের এই উত্তরটি ব্যাখ্যা করা সার্থক হবে।
—
সোমনাথ মুলুক