Создать массив Jquery из ответа ajax

Question

Я пытаюсь добавить или удалить классы для некоторых div. Этим divs должны быть назначены разные классы в зависимости от значения их html. Я не уверен, что я делаю неправильно, но мой код не работает.

Это мой код:

$.ajax({ 
    type: 'POST', 
    url: 'loc/bcheck.php', 
    success: function(data){ 
     tArrx = new Array(data); 
    }, 
    complete: function(){ 
     $('.bHr').each(function(){ 
      curElm = $(this); 
      var bTm = curElm.html(); 
      if ($.inArray(bTm, tArrx) !== -1){ 
       curElm.addClass('disabled'); 
       curElm.removeClass('available'); 
      } 
      else{ 
       curElm.addClass('available'); 
       curElm.removeClass('disabled'); 
      } 
     }); 
    } 
}); 

<div class="bHr">1</div> 
<div class="bHr">5</div> 

Все значения HTML дивы пойманы правильно. И функция работает без ошибок. Но я всегда получаю тот же результат, значение отсутствует в массиве.

'данные' является 1" , "2", "3", "4 и используя console.log он возвращает [" 1" , "2", "3", "4"]

Answer 1

Итак, я понял. Проблема заключалась в том, что ответ PHP не был массивом PHP.Чтобы исправить это, я сделал свой ответ массив и добавил это мой PHP файл:

json_encode($tArrx); 

И изменил мою JQuery следующим образом:

$.ajax({ 
    type: 'POST', 
    url: 'loc/bcheck.php', 
    dataType: 'json', 
    success: function (data) { 
     tArrx = data; 
    }, 
    complete: function(){ 
     $('.bHr').each(function(){ 
      curElm = $(this); 
      var bTm = curElm.html(); 
      if ($.inArray(bTm, tArrx) !== -1){ 
       curElm.addClass('disabled'); 
       curElm.removeClass('available'); 
      } 
      else{ 
       curElm.addClass('available'); 
       curElm.removeClass('disabled'); 
      } 
     }); 
    } 
}); 

Я использовал примеры из всех вас, ребята, для достижения этой цели и я благодарю вас за это. Не могли бы сделать это без вашей помощи!

Answer 2

мне кажется, что вы должны бросить переменные:

if ($.inArray(bTm.toString(), tArrx) !== -1) 

Answer 3

у вас есть опечатка в этой строке:

if ($.inArray(bTm, tArrx) !== -1){ 

она не должна быть:

if ($.inArray(Tbm, tArrx) !== -1){ 

Answer 4

Я думаю, что проблема new Array(data), если данные строкового типа, то он создает массив с одним элементом, который является строкой, в противном случае, если данные является массивом, то tArrx будет массив с 1 элементом, это массив, поэтому ваш $.inArray() всегда будет возвращать -1.

$.ajax({ 
    type: 'POST', 
    url: 'loc/bcheck.php', 
    //set datatype as json 
    dataType: 'json', 
    success: function (data) { 
     var tArrx = data; 
     $('.bHr').each(function() { 
      var curElm = $(this); 
      //wrong variable name& you might have to trim the html contents 
      var bTm = curElm.html().trim(); 
      if ($.inArray(bTm, tArrx) !== -1) { 
       curElm.addClass('disabled'); 
       curElm.removeClass('available'); 
      } else { 
       curElm.addClass('available'); 
       curElm.removeClass('disabled'); 
      } 
     }); 
    } 
}); 

Answer 5

Вы фактически создали многомерный массив

tArrx = new Array(data); 

Так вот как вы бы соответствовать ваш массив

var data = ["1","2","3","4"]; 
var tArrx = new Array(data); 
confirm(tArrx[0]); 
confirm(data); 
confirm($.inArray('1', tArrx[0]) !== -1); 

еще лучше просто не отбрасывают данные в массив

var data = ["1","2","3","4"]; 
confirm(data); 
confirm($.inArray('1', data) !== -1); 

Working example HERE

Я изменил пример, чтобы скопировать ваши условия как можно ближе.

var data = '1","2","3","4'; 
var tArrx = new Array(data); 
console.log('data '+data); 
console.log('data.length '+data.length); 
console.log('data[0] '+data[0]); 
console.log('data[1] '+data[1]); 
console.log('data[2] '+data[2]); 
console.log('data[3] '+data[3]); 
console.log(tArrx.length); 
console.log(tArrx[0].length); 
console.log(tArrx); 
console.log(tArrx[0]); 
$('.bHr').each(function(){ 
    curElm = $(this); 
    var bTm = curElm.html(); 
    console.log(typeof bTm); 
    console.log($.inArray(bTm, tArrx) !== -1); 
    console.log($.inArray(bTm, tArrx[0]) !== -1); 
    console.log($.inArray(bTm, data) !== -1); 
}); 

Не имея начало и конец цитаты возвращаемой из вашего запроса PHP вызывает назначение массива возвращает массив длина 1, заполненной строкой длины 13. Это приведет jQuery.inArray() метода не найти соответствие между 1 и 13 символов. Он может найти 1, если вы передадите строку. Исправление недостающих начальных и конечных qoutes будет вашим лучшим решением. Просмотрите журнал консоли из обновленного рабочего примера.

data 1","2","3","4 
data.length 13 
data[0] 1 
data[1] " 
data[2] , 
data[3] " 
1 
13 
["1","2","3","4"] 
1","2","3","4 
string 
false 
true 
true 
string 
false 
false 
false