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

Ratings
(0)

مسئله

ما نیاز داریم که متنی(text) که در درون یک یا چند عنصر HTML قرار گرفته است را دریافت(get) یا تنظیم(set) کنیم.

راه حل
جی کوئری یک متد به نام text() به ما ارائه می دهد که می توانیم از آن برای get یا set کردن محتوای متنی(text content) عناصر استفاده کنیم. در کدهای زیر، ما از متد مذکور برای set کردن و سپس get کردن مقدار عنصر <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').text('Hello World, I am a <p> element.');
  alert(jQuery('p').text());
</script>
</body>
</html>

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

 

 

توضیحات

خوب است که به یاد داشته باشیم که متد text() بی شباهت به متد html() نیست. به جز اینکه متد text() از کاراکترهای html فرار می کند( علامت های < و > را با مقادیر html آنها جایگزین می کند). این یعنی اینکه اگر ما تگ ها را در داخل یک رشته ی متنی قرار دهیم و آن را در داخل متد text() قرار دهیم، این متد علامت های تگ را به مقادیر HTML یعنی به &lt; و &gt; تبدیل می کند.

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

  • بازدید: 470

نوشتن دیدگاه

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

ارسال