اجرای تابع جاوا اسکریپت برای چند کلاس هم نام

[np.1400 542]

سلام.

یک تابع جی کوئری نوشتم که برای چند کلاس هم نام اجرا بشه ولی فقط برای اولی اجرا میشه.

نحوه استفاده از while رو بلد نیستم که برای هر کدوم جدا انجام بده.

چطور باید این کارو انجام بدم؟

[SM-Mahdavi 5428]

سلام

کدتون رو قرار بدید

[np.1400 542]

ممنون

این کد:

progress_auto_color()
function progress_auto_color(){
  var WidthPercent = $(".progress-auto-color").width() / $(".progress").width() * 100;
  //alert (WidthPercent);
  if (0 < WidthPercent <= 25) {
   $('.progress-auto-color').addClass('progress-bar-danger');
  };
  if (25 < WidthPercent <= 50) {
   $('.progress-auto-color').addClass('progress-bar-warning');
  };
  if (50 < WidthPercent <= 75) {
   $('.progress-auto-color').addClass('progress-bar-info');
  };
  if (75 < WidthPercent <= 100) {
   $('.progress-auto-color').addClass('progress-bar-success');
  };
}

از کد معلومه چی میخوام.

می خوام پروگرس باری که کلاس progress-auto-color داره با توجه به عرضش یه کلاسی بگیره که رنگش تو بوت استرپ مشخص شده.

اما همه رو با توجه به اولین پروگرس بار رنگ میکنه.

ممنون

[Ehsaan 1865]

jQuery تابعی به نام each داره که شما می‌تونید در هر المنت loop کنید.

اطلاعات بیشتر در مورد each

موفق باشید.

[imanfakhar 26231]

کلا کدی که نوشتید صحیح نیست

$(".progress-auto-color").each(function() {
var w = $(this).width();
var pw = $(this).parent(".progress").width();
var WidthPercent = parseInt(w)/parseInt(pw)*100;
if(WidthPercent <= 25) {
$(this).addClass("progress-bar-danger");
}
else
if(WidthPercent <= 50) {
$(this).addClass("progress-bar-warning");
}
else
if(WidthPercent <= 75) {
$(this).addClass("progress-bar-info");
}
else {
$(this).addClass("progress-bar-success");
}
});

در مورد کدنویسی جی کوئری از طریق منبعی که لینکش رو گذاشتند حتما مطالعه کنید