jQuery إضافة HTML والحدث

StackOverflow https://stackoverflow.com/questions/730586

  •  06-09-2019
  •  | 
  •  

سؤال

لدي حاليا ما يلي في JQUERY 1.3.2

for (i = 0; i < totalPages; i++) {
   var newDiv = $("<a href=\"#\">").append(i+1).click(function() 
   { 
      alert(i+1);
   });
   $('#pageLinks').append(newDiv).append(" ");
}

هذا يخرج قائمة بالأرقام كما هو مطلوب، ولكن التنبيه عند النقر فوق العنصر الذي تم إنشاؤه هو إرجاع قيمة TotalPages، وليس قيمة I أثناء الحلقة. كيف يمكنني الحصول على حدث Click لتنبيه قيمة I بدلا من ذلك؟

شكرا

هل كانت مفيدة؟

المحلول

جرب هذا

for (i = 0; i < totalPages; i++) {
   var newDiv = $("<a href=\"#\">").append(i+1).click(function() 
   { 
      alert(this.text);
   });
   $('#pageLinks').append(newDiv).append(" ");
}

نصائح أخرى

هذا الرمز يجب أن فرز مشكلتك:

for (i = 0; i < totalPages; i++) {
    var newDiv = $("<a href=\"#\">")
        .append(i+1)
        .click(
            function() { 
                alert($(this).html());
            }
         );
    $('#pageLinks').append(newDiv).append(" ");
}

إذا، قل، لم يكن لديك نص الرقم كجزء من الرابط، أود أن يرميز القيم مثل هذا في المعرف، والذي من شأنه أن يمنحك هذا:

<body>
<div id="pageLinks"><!-- --></div>

<script>
var totalPages = 10, newDiv;
for (i = 0; i < totalPages; i++) {
  var link = "<a href=\"#\" id=\"link-"+(i+1)+"\">"+(i+1)+"</a>";
  newDiv = $(link).click(function() {
    alert($(this).attr('id').split('-')[1]);
  });
  $('#pageLinks').append(newDiv).append(' ');
}
</script>
</body>

هذا هو المشكلة ذات الصلة النطاق. تحتاج إلى تشكيل إغلاق حول البيانات الموجودة في حلقة باستخدام، ما أسميه حارس نطاق. شيء من هذا القبيل:

var totalPages = 10;
for (i = 0; i < totalPages; i++) {
    (function() {
        var no = i + 1;
        var newDiv = $("<a href=\"#\">").append(i+1).click(function() {
        alert(no);
    });
    $('#pageLinks').append(newDiv).append(" ");
})();
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top