Get و Set کردن محتوای HTML در جی کوئری

Ratings
(1)

مسئله

ما نیاز داریم تکه ای از محتوای HTML را در صفحه ی وب خود دریافت(get) یا تنظیم(set) کنیم.

راه حل

جی کوئری متدی به نام html() به ما ارائه می دهد که به وسیله ی آن می توانیم تکه ای از عناصر HTML را دریافت(get) یا تنظیم(set) کنیم. در کدهای زیر، ما از متد html() برای set کردن و سپس get کردن مقدار html عنصر <p> که در سند html یافت می شود، استفاده می کنیم:

<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
 <p></p>
 <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
 </script>
 <script type="text/JavaScript">
 jQuery('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.');
 alert(jQuery('p').html());
 </script>
</body>
</html>

 با اجرای کدهای بالا در مرورگر، محتوای HTML مورد نظر که در داخل یک عنصر <p>  قرار گرفته است بعنوان یک پیغام alert نشان داده می شود. ما این محتوا را از قبل، با استفاده از متد html() تنظیم(set) کرده ایم و سپس آن را با استفاده از همین متد، به دست آورده ایم.

توضیحات

این متد از پروپرتی innerHTML از DOM استفاده می کند و بخش هایی از HTML را get یا set می کند. شما همچنین باید آگاه باشید که متد html()  در سندهای XML در دسترس نیست(اما این متد در سندهای XHTML کار می کند).

 {module کمک نقدی به نویسنده}

  • بازدید: 579

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال