• 0

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

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

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


رابط هذه المساهمة
  • 0

لنفترض انك تريدين استبدال عبارة "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);
       
    }
  );

 

تمّ تعديل بواسطة hatemalamri

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


رابط هذه المساهمة
  • 0

توفّر 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.

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


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن