html innerhtml - إضافة سمة في jQuery




create element (9)

أفضل حل: من jQuery v1.6 يمكنك استخدام prop() لإضافة خاصية

$('#someid').prop('disabled', true);

لإزالته ، استخدم removeProp()

$('#someid').removeProp('disabled');

Reference

لاحظ أيضًا أنه لا يجب استخدام طريقة .removeProp () لتعيين هذه الخصائص إلى false. بمجرد إزالة خاصية محلية ، لا يمكن إضافتها مرة أخرى. راجع .removeProp () لمزيد من المعلومات.

كيف يمكنني إضافة سمة إلى علامات HTML محددة في jQuery؟

على سبيل المثال ، مثل هذا HTML بسيط:

<input id="someid" />

ثم إضافة سمة معطلة = "صواب" مثل هذا:

<input id="someid" disabled="true" />

هذا يمكن أن يكون أكثر فائدة ....

$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');

$('.some_selector').attr('disabled', true);

$('#someid').attr('disabled', 'true');

يمكنك القيام بذلك باستخدام وظيفة .attr في jQuery ، والتي ستقوم بتعيين السمات. تتم .removeAttr عن طريق وظيفة .removeAttr .

//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");

يمكنك إضافة سمات باستخدام attr مثل:

$('#someid').attr('name', 'value');

ومع ذلك ، بالنسبة إلى خصائص DOM مثل checked readonly ، فإن الطريقة الصحيحة للقيام بذلك (اعتبارًا من JQuery 1.6) هي استخدام prop .

$('#someid').prop('disabled', true);

$('#someid').attr('disabled', 'true');

$('#yourid').prop('disabled', true);

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

سيضيف صفًا جديدًا إلى أول TBODY للجدول ، دون الاعتماد على أي من THEAD أو TFOOT . (لم أجد معلومات من أي إصدار jQuery .append() هذا السلوك موجود.)

يمكنك تجربتها في هذه الأمثلة:

<table class="t"> <!-- table with THEAD, TBODY and TFOOT -->
<thead>
  <tr><th>h1</th><th>h2</th></tr>
</thead>
<tbody>
  <tr><td>1</td><td>2</td></tr>
</tbody>
<tfoot>
  <tr><th>f1</th><th>f2</th></tr>
</tfoot>
</table><br>

<table class="t"> <!-- table with two TBODYs -->
<thead>
  <tr><th>h1</th><th>h2</th></tr>
</thead>
<tbody>
  <tr><td>1</td><td>2</td></tr>
</tbody>
<tbody>
  <tr><td>3</td><td>4</td></tr>
</tbody>
<tfoot>
  <tr><th>f1</th><th>f2</th></tr>
</tfoot>
</table><br>

<table class="t">  <!-- table without TBODY -->
<thead>
  <tr><th>h1</th><th>h2</th></tr>
</thead>
</table><br>

<table class="t">  <!-- table with TR not in TBODY  -->
  <tr><td>1</td><td>2</td></tr>
</table>
<br>
<table class="t">
</table>

<script>
$('.t').append('<tr><td>a</td><td>a</td></tr>');
</script>

في أي المثال يتم إدراج الصف ab بعد 1 2 ، وليس بعد 3 4 في المثال الثاني. إذا كان الجدول فارغًا ، TBODY jQuery على TBODY لصف جديد.





jquery html tags