اذهب إلى المحتوى

السؤال

نشر

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

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

المطلوب

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

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

 

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

توضيح

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

<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

Recommended Posts

  • 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
نشر

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

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...