如何從循環內部選擇特定的jquery元素值？

Question

我想將一個字符串值放在一個數組中，根據它們相對於所有具有類名的元素的位置。我得到了我想要使用的索引數組，現在我想使用每個索引值來選擇適當的值。

$(function() 
{ 
    $("#date").datepicker(); 
    $('input[name=date]').datepicker(); 
    var dateInput = $("select[name='searchString']"); 
    var theClassTime = $("input.TextBoxDate"); 
    var checkedindex = []; 
    var classday = []; 

    $("input[name='selectedCourses']").each(function (i) 
    { 
     if (this.checked) 
     { 
      // this works fine 
      checkedindex.push(parseInt(i)); 

      // this is where I’m trying to select values based on index. 
      var dayofclass = $(".TextBoxDate:eq(" + checkedindex[i] + ")"); 

      classday.push(dayofclass); 

      alert(classday); 
     } 
    }); 
}); 

說checkedindex有值：2,3,9在checkedindex的索引0處的含義是2，在1 = 3和在2 = 9。我想用2,3和9做這樣的事情：

var dayofclass = $(".TextBoxDate:eq(" + checkedindex[i] + ")"); 

我在做什麼錯在這裏？

Answer 1

你不需要按ID查找複選框，你已經有了對它的引用。如果您需要元素，則可以使用this;如果您需要jquery對象，則可以使用$(this)。

$(function() 
{ 
    $("#date").datepicker(); 
    $('input[name=date]').datepicker(); 
    var dateInput = $("select[name='searchString']"); 
    var theClassTime = $("input.TextBoxDate"); 
    var checkedindex = []; 
    var classday = []; 

    $("input[name='selectedCourses']").each(function (i) 
    { 
     if (this.checked) 
     { 
      // this works fine 
      checkedindex.push(parseInt(i)); 

      // this is where I’m trying to select values based on index. 
      // this will get the value of the current checkbox 
      var dayofclass = $(this).val(); 

      classday.push(dayofclass); 

      alert(classday); 
     } 
    }); 
}); 

的jsfiddle例如：http://jsfiddle.net/2TJLm/

是，基本上你想要做什麼？

Answer 2

使事情更容易

只需使用一個數組來存儲...

var selectedCourses = $("input[name='selectedCourses']"), 
    theClassTime = $("input.TextBoxDate"), 
    checkedindex = [], 
    go = true; 

function dothings() { 
    selectedCourses.each(function (i) {//for each possible selection 
     var cur = theClassTime.eq(i);//get current selected 

     //do something 
     if (this.checked) { 
      cur.addClass('red');//for checked 
      if (go) { checkedindex.push(i); }//store initial selections 
     } else { 
      cur.removeClass('red');//for non checked 
     } 
    }); 
    go = false;//turn off 
    alert(checkedindex);//show stored array 
} 

selectedCourses.on('change', function() { dothings(); });//run on event 

dothings();//run initially 

made a fiddle不知道有關標記被使用，所以它只是一個視覺表現

Answer 3

終於搞明白了。該代碼允許我在頁面加載時使用存儲在數組中的數據，並在提交表單時進行比較。

<script type="text/javascript"> 


     $(function() { 

      $("#date").datepicker(); 
      $('input[name=date]').datepicker(); 
      var dateInput = $("select[name='searchString']"); 

      var checkedindex = []; 
      var classdate = []; 
      var classtime = []; 
      var dayofclass = []; 
    $("input[name='selectedCourses']").each(function (i) { 
     if (this.checked) { 

      checkedindex.push(parseInt(i)); 

     } 

    }); 
    for (var x = 0; x < checkedindex.length; x++) { 
     var ind = checkedindex[x]; 

     var dateofclass = $(".TextBoxDate:eq(" + ind + ")"); 
     var timeofclass = $(".TextBoxTime:eq(" + ind + ")"); 
     var classday = $("select[name='searchString']:eq(" + ind + ")"); 

     classdate.push(dateofclass); 
     classtime.push(timeofclass); 
     dayofclass.push(classday); 


     alert(classdate[x].val() + " " + classtime[x].val() + " " + dayofclass[x].val()); 
    } 
}); 
</script>