• 0

كيف أحدد عنصر بواسطة الخاصية name على Jquery؟

لدي كود html التالي و الذي يتوفر على جدول به صفصوف معرف بأسماء name:

<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>  
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>

لتحديد بعض الصفوف في الجدول وذلك بالاعتماد على jquery قمت بتجربة الكود التالي:

$(".bold").hide();  //bold تحدد العنصر صاحب الكلاس 
$("tcol1").hide();  // لا يعمل

كيف يمكنني تحديد الصف من خلال خاصية الاسم على jquery؟

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


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

في ملف التنسيق css أو ملف Jquery لكي تتمكن من تحديد عنصر معرّف عن طريق اسمه name يكفي استعمال:

$('td[name=tcol1]')

حيث أن td هو وسم الخانة، وتم تعيينها بتحديد الاسم الخاص بها، في هذه الحالة 'tcol1'.

لتحديد صف معين عن طريق الاسم :

مثال لصف به اسم:

<tr name="tr1">    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>

كود التنسيق لتحديد الصف:

$('tr[name=tr1]')

وهذه هي طريقة المتالية المتفق عليها:

$("[attribute~='value']")

مثال تطبيقي:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("input[name~='nation']").css("background-color", "yellow");});
</script>
</head>
<body>

<input name="nationality" type="text" value="Chinese">
<input name="nation" type="text" value="English">
<input name="country" type="text" value="Germany">
<input name="anothernation" type="text" value="Norwegian">

<p>'nation' في  هذا المثال سيتم تحديد العنصرصاحب الاسم.</p>
</body>
</html>

 

تمّ تعديل بواسطة E.Nourddine

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


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

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

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

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


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

تسجيل الدخول

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


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