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

K@m@l · 24 نوفمبر 2015

لدي كود 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؟

E.Nourddine · 24 نوفمبر 2015

في ملف التنسيق 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>

تم التعديل في 24 نوفمبر 2015 بواسطة E.Nourddine

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

السؤال

K@m@l

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية