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

عبدالله المنقوشي · 2 مارس 2017

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

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

المطلوب

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

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

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

توضيح

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

<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

SAA YOU · 19 مارس 2017

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

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

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+"..";
 }

محمد البدراني · 2 مارس 2017

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

عبدالله المنقوشي · 2 مارس 2017

العفو

هده هو الكود الصحيح

1.html

Touil Ahmed Imad · 15 مارس 2017

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+"...";
}