• 0

اريد تعديل على كود جافه سكربت بسيط

السلام عليكم ورحمت الله وبركاته اكواني انا مبرمج ولاكن ليست لدي خبره كبيره في الجافه سكربت 

انا اريد كود يقوم بانقاص النص ويستدعاء او يتم تحديده من خلال الكلاس الكلاس

المطلوب

---------------------------------- 

المهم اخواني انا قمت ببرمجة الكود لاكن مشكله الكود انه يعدل على الكلاس الاول فقط ويترك النصوص الموجوده في الكلاس الاخر الدي هو  نفس اسم الكلاس

 

-------------------

توضيح

مثلان انا لدي هده النصوص

<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>

 

اريد انقاص عدد الحروف ليصبح هكده 

<div class="awe">
<a>second ...</a>
</div>
<div class="awe">
<a>second ...</a>
</div>
<div class="awe">
<a>second ...</a>
</div>
<div class="awe">
<a>second ...</a>
</div>
<div class="awe">
<a>second ...</a>
</div>

 

انا قمت ببرمجة كود باستخدام الجافة سكربت يقوم باستدعاء اكواد html من خلال الكلاس لكن المشكل لم يقوم بتعديل على جميع الكلاسات باختصار اصبع هكده

<div class="awe">
<a>second ...</a>
</div>
<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>
<div class="awe">
<a>second item</a>
</div>

اعتقد كلامي مفهوم اد في اي استفسار انا في الانتضار 

 

الملفات التي قمت ببرمجتها قمت بوضعها في المرافق 

 

 

الرجو منكم المساعده فان احتاج هده الكود بضروره

1.html

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


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

السلام عليكم و رحمة الله و بركاته
الأمر بسيط ما عليك سوى تغيير كود الجافا سكريبت الخاص بك لهذا الكود

كل التوفيق لسيادتكم إن شاء الله

var sq=document.getElementsByTagName('a').length;
 for(var i=0;i<sq;i++){
   var k = document.getElementsByTagName('a')[i].innerHTML;
   qe=k.substring(0,7);
   document.getElementsByTagName('a')[i].innerHTML = qe+"..";
 }

 

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


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

وعليكم السلام اخي ادرج الكود الصحيح من فضلك لان الكود الذي ارفقته ليس خاصا بهذه العملية

1 شخص أعجب بهذا

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


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

javascript لا يقبل تحديد أكتر من class من نفس الاسم 
الحل هو ترقيم الكلاسات  متال class1 
و في javascript عمل for loop 

<div class="awe1">
<a>second item</a>
</div>
<div class="awe2">
<a>second item</a>
</div>
<div class="awe3">
<a>second item</a>
</div>
<div class="awe4">
<a>second item</a>
</div>
for (i = 1; i < 5 ; i++) { 
    var sq=document.querySelector('.awe'+i+ ' a').firstChild;
    wwe=sq.nodeValue;
    qe=wwe.substring(0,7);
     sq.nodeValue=qe+"...";
}

JsFiddle

1 شخص أعجب بهذا

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


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

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

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

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


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

تسجيل الدخول

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


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