سؤال بسيط في استخدام div

[manindark]

السلام عليكم

اخواني انا استدعي id بهذه الطريقة

    <tr>
        <td>
        <div id="p1">م</td></div>

        <td>
                                      <div id="p1">name</td></div>

        <td>
           <div id="p1">user</td></div>

        <td>
                                        <div id="p1"> pass</td></div>

    </tr> 

لو تلاحظ انني استخدم <div id="p1"> اكثر من مرة

هل هنالك طريقة لإستخدامه مرة واحدة و يطبق على الكل
 

[Fez-Soft]

و عليكم السلام ورحمة الله وبركاته

اهلين اخي الكريم ..

لا داعي لهذه الزحمة و كثرة تكرار الـ div بلا فائدة

ازرع الـ id في وسم الجدول من الأول و ارتح من عناء التكرار .. ^^

مثال :

<table id="p1">
    <tr> 
        <td>م</td>
        <td>name</td>
        <td>user</td>
        <td>pass </td>
    </tr> 
</table> 

هذا مثال فقط في حالة احتياجك للـ id .. و الأفضل لو كنت تريد تعريف عام استعمل الـ class افضل




} ,, ملاحظة بعيدة شوية :
الكود الذي وضعته فيه أخطاء و خلط و عدم ترتيب
حيث انك تبدأ بـ td و بعده div .. في هذه الحالة يلزمك أنك تغلق div قبل ما تغلق td و انت عملت العكس

كود خاطأ :

 <td> 
           <div id="p1">user</td></div> 

كود صحيح :

        <td><div id="p1">name</div></td> 

فقط انتبه لها المرة القادمة

موفق بإذن الله

[almhajer]

اخي العزيز العملية بسسيطة

var $=(function(){
var $$=[];
var e=document.getElementsByTagName('*');
for(var i=0;i<e.length;i++){
if(e[i].id=='p1'){
$$.push(e[i]);
}
}
return $$;
})();


alert($.length); 

هذه الطريقة تقوم بجلب كافة المعرفات المحددة
في السطر الاول قمنا باالاعلان عن متغير يقوم بحمل قيمة ووهيا هذنا اجراء function
يقوم هذا الااجراء في السطر

var $$=[]; 

الاعلان عن مصفوفة ليتم ارجاعها

var e=document.getElementsByTagName('*'); 

الحصول على كافة عناصر الهوتمل بتحديد
علامة النجمة
المرور على كافة عناصر المتغير e والذي يحمل قيمة كافة عناصر الهوتمل
ثم نقوم بفحص المعرف اذا كان يطابق المعرف المحدد

if(e[i].id=='p1'){ 

اذا تطابق يقوم باضافة مقبض العنصر الى المصفوفة
$$

$$.push(e[i]); 

عن طريق الدالة push التابعة للتعامل مع المصفوفة
ثم نقوم بانهاء شرط if
ثم انهاء حلقة التكرار ثم
نقوم باعادة القيمة الى المتغير $ وهو مصفوفة عناصر
وبذلك تكون لديلك كصفوفة الان نجرب نجد انه تم بالفعل الحصول على العناصر ذات المعرف المحدد
نقوم بالتجرية وباستخدام حلقة التكرار

for(var x=0;x<$.length;x++){
$[x]['style']['color']='#ff00ff';
} 

طبعا هنا فالتكرار قمنا بتغير لون النص عن طريق التعامل مع خاصية style ,ولون الخطويمكنك استخدام التالي

for(var x=0;x<$.length;x++){
$[x].style.color='#ff00ff';
} 

والحمد لله رب العالمين وقل ربي زدني علما

[manindark]

الف الف شكر على مشاركتكم

وجزاكم الله الف خير

[Deproweb]

تحية طيبة وبعد ..

لا يمكن اخى ان يكون هناك اسم واحد لاكثر من ( id ) اى لايمكن تكرار الـ ( id ) لان التكرار ليس من خصائصة على العكس يمكن استخدام الخاصية ( class ) وهى تتميز بنفس خصائص الـ ( id )
مع إمكانية تكرار استخدامها بنفس الاسم لاكثر من عنصر بالصفحة

 
<div class="p1">me</div> 
<div class="p1">name</div>
           <div class="p1">user</div>

وفى ملف الـ ( css ) اكتب الخصائص المراد كتابتها لهذا الكلاس فقط وستجد ان الخصائص تم تعميمها على جميع العناصر المشار اليها

[ليوناردو دافينشي]

انا لم افهم هل الاستدعاء بالجافاسكربت ام لا

اذا كان بالجافا سكربت لا تعطي جميع العناصر نفس الـID
اجعلهم جميعاً نفس الـ Class واجلبهم بـ getElementsByClassName