كيف أعوّض جزء من متغيّر نصي بجزء آخر باستعمال Jquery؟

سعاد · 10 ديسمبر 2015

أريد تعويض جزء موجود في قطعة نصية بجزء آخر، وذلك باستعمال مكتبة Jquery، مع العلم أن القطعة مأخوذة من وسم موجود على صفحة html، فكيف ذلك؟

hatemalamri · 13 ديسمبر 2015

لنفترض انك تريدين استبدال عبارة "Hi Hatem" بعبارة "Welcome Ali" في قطعة نصية موجودة في tag يحمل id باسم "myText" :

<p id="myText">
Hi Hatem ,Welcome to my page.
</p>

  $(document).ready(
  	function(){
      var wholeText = $("#myText").text();

      // replace with the desired text
      var replacedTex = wholeText.replace("Hi Hatem","Welcome Ali");

      // set the new version of text to "myText"
      $("#myText").text(replacedTex);
       
    }
  );

تم التعديل في 13 ديسمبر 2015 بواسطة hatemalamri

E.Nourddine · 14 ديسمبر 2015

توفّر Javascript دالة لهذا الغرض وهي دالة replace والتي تعوّض جزء من متغيّر نصي بآخر، وتأخذ هذه الدالة قيمتين، الأولى هي الكلمة المبحوث عنها المراد تغيرها، والثانية هي الجزء المُراد تعويضُه والحصول عليه بداخل المتغير أو النص.

مثال تطبيقي، حيث سنعوّض كلمة موقع بـ أكاديمية:

var str = "مرحبا،بك في موقع حسوب";
var res = str.replace("أكاديمية", "موقع");

لتكون النتيجة في الأخير:

مرحبا بك في أكاديمية حسوب

كما توفّر أيضا مكتبة Jquery المبنية على Javascript دالة لنفس الغرض وهي replace:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Hello User!</title>	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type="text/javascript">
    $(document).ready(function() {
    	$(".element span").text(function(index, text) {
    	return text.replace('British Pound', 'GBP');
		});
    });
  </script>
</head>  
<body>
<div class="element">
    <span>1 British Pound</span>
</div>
</body>
</html>

حيث سيتم تعويض القيمة British Pound بالقيمة GBP.

كيف أعوّض جزء من متغيّر نصي بجزء آخر باستعمال Jquery؟

السؤال

سعاد

رابط هذا التعليق

شارك على الشبكات الإجتماعية

2 أجوبة على هذا السؤال

Recommended Posts

hatemalamri

رابط هذا التعليق

شارك على الشبكات الإجتماعية

E.Nourddine

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية