JavaScript-এ XML ডেটা থেকে অ্যাট্রিবিউট ভ্যালু পাওয়া (jQuery attr)

jQuery-এ attr() মেথড ব্যবহার করে XML/HTML স্ট্রিং থেকে অ্যাট্রিবিউটের মান বের করা যায়। jQuery অবজেক্ট তৈরি করে XML পার্স করা হয়।

সিনট্যাক্স

$(xmlString).attr("attributeName")

পূর্ণ উদাহরণ

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <title>XML Attribute Demo</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <script>
        var xmlString = '<Game id="101" details="Play the game and win the amount">'
            + '<gameName name="Cricket" content="/localhost/content/game/play/" />'
            + '<gameName name="Tennis" content="/localhost/game/all/scratch/" />'
            + '</Game>';

        // রুট এলিমেন্টের অ্যাট্রিবিউট
        var details = $(xmlString).attr("details");
        console.log("Game Details: " + details);

        // চাইল্ড এলিমেন্টের অ্যাট্রিবিউট (ফাইন্ড দিয়ে)
        var firstGame = $(xmlString).find("gameName").first().attr("name");
        console.log("প্রথম গেম: " + firstGame);
    </script>
</body>
</html>

চলানোর পদ্ধতি

1. ফাইলটি xmlAttr.html নামে সংরক্ষণ করুন।
2. VS Code-এ Open with Live Server দিয়ে চালান।
3. কনসোল (F12) দেখুন।

আউটপুট

Game Details: Play the game and win the amount
প্রথম গেম: Cricket

Vănilla JS বিকল্প (jQuery ছাড়া)

const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, "text/xml");

console.log(xmlDoc.documentElement.getAttribute("details")); // রুট অ্যাট্রিবিউট
console.log(xmlDoc.querySelector("gameName").getAttribute("name")); // প্রথম চাইল্ড

XML vs HTML পার্সিং

• jQuery `$(xmlString)` HTML হিসেবে পার্স করতে পারে (ব্রাউজার ডিপেন্ডেন্ট)।
• DOMParser স্ট্যান্ডার্ড ও নিরাপদ XML পার্সিং।
• নেমস্পেস থাকলে getAttributeNS() ব্যবহার করুন।

সতর্কতা

• ম্যালিশিয়াস XML-এ XSS ঝুঁকি থাকতে পারে (sanitize করুন)।
• বড় XML-এ DOMParser মেমরি বেশি নেয় (SAX পার্সার ভালো)।
• jQuery ৩.৫+ এ XML পার্সিং উন্নত।