كيف أجري تغييرا على كود html عن طريق JavaScript؟

MidoProg · 4 يونيو 2015

كتبت الكود التالي:

var plant_counter = 0;

$('.plant-name').attr('id', 'plant-name-' + plant_counter);

ثم أريد بعد ذلك أن أغير في كود html عن طريق JavaScript بالكود التالي:

 $('#nav-btn-test').click (function () {
    $('#plant-name-0').html('hello');
    console.log('clicked);
});

لكن كود html لا يتغير، فما المشكلة؟؟

تم التعديل في 21 يونيو 2015 بواسطة عبد الهادي اطويل
تعديل العنوان والتدقيق اللغوي

يوسف سيد · 5 يونيو 2015

في الكود الاول تستخدم الclass والثاني تستخدم الid ! يبدو انه هناك خطأ بالselector

ممكن كود الhtml ؟ حتى أعرف لما لايعمل .

E.Nourddine · 8 يونيو 2015

يمكنك استخدام دالة each. ب jquery

$('.plant-name').each(function( index ) {//.plant-name البحث عن أي وسم يتوفر على

    $(this).attr('id', 'plant-name-' + index);// تغيير كود 
});

السؤال