0

Добрый вечер. Нужна функция, которая сравнивала бы все ячейки td на предмет содержимого.

Например есть 5 ячеек. Надо чтоб логический оператор if сравнил с примером и выдал мне ответ (true/false)

Наверняка понятно, что ниже написанная функция работает не так, как мне надо. Я понимаю принцип работы этой функции, но самому написать ту, которая мне нужна, уже который день не получается

function proverka() {
  var myTable = document.getElementById("myTable");
  for (var i = 0, row; row = myTable.rows[i]; i++) {
    for (var j = 0, col; col = row.cells[j]; j++) {
      if (myTable.rows[0].cells[i].innerText == myTable.rows[0].cells[i].innerText && myTable.rows[0].cells[i].innerText == "X") {
        cnsole.log("verj")
      }
    }
  }
}
2
  • В чём смысл сравнения myTable.rows[0].cells[i].innerText с самим собой? И переменная j нигде не используется!
    – sercxjo
    21 авг 2016 в 6:25
  • @sercxjo ни в чём , это функция здесь что было легко на нём показать 21 авг 2016 в 6:53

1 ответ 1

0

Должно работать как то так:

var table = document.getElementById( "myTable" );

for ( var i = 0; i < table.rows.length; i++ ) {
	if (table.rows[i].cells[0].innerHTML === table.rows[i].cells[1].innerHTML)
  	alert(true);
  else
  	alert(false);
}
<table id="myTable">
    <tr>
        <td>aaa</td>
        <td>aaa</td>
    </tr>
    <tr>
        <td>bbb</td>
        <td>aaa</td>
    </tr>
    <tr>
        <td>aaa</td>
        <td>aaa</td>
    </tr>
</table>

Дальше сами.

-------------------- ДОБАВЛЕНО ----------------------

var table = document.getElementById( "myTable" );

for ( var i = 0; i < table.rows.length; i++ ) {
	for ( var j = 0; j < table.rows[0].cells.length; j++ ) {
  	alert("indexes x:" + i + " y:" + j + " = " + table.rows[i].cells[j].innerHTML);
  }
}
<table id="myTable">
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
    <tr>
        <td>o</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
</table>

----------ДОБАВЛЕНО---------

var table = document.getElementById( "myTable" );

for ( var i = 0; i < table.rows.length; i++ ) {
	for ( var j = 0; j < table.rows[0].cells.length; j++ ) {
  	//alert("indexes x:" + i + " y:" + j + " = " + table.rows[i].cells[j].innerHTML);
    if (table.rows[i].cells[0].innerHTML === table.rows[i].cells[j].innerHTML)
    	alert(true);
    else
    	alert(false);
  }
}
<table id="myTable">
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
    <tr>
        <td>o</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
</table>

--------- ДОБАВЛЕНО ----------

var table = document.getElementById( "myTable" );

var flag; // флаг проверки на победу

for ( var i = 0; i < table.rows.length; i++ ) {
	for ( var j = 0; j < table.rows[0].cells.length; j++ ) {
  	//alert("indexes x:" + i + " y:" + j + " = " + table.rows[i].cells[j].innerHTML);
    if (table.rows[i].cells[0].innerHTML === table.rows[i].cells[j].innerHTML)
    	flag = true; // все хорошо
    else {
    	flag = false; // ложь
      continue; // найдена ложь оборвать цикл и продолжить
    }
  }
  
  if (flag === true)
  	alert("победа " + table.rows[i].cells[0].innerHTML + " в строке " + i);
}
<table id="myTable">
    <tr>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
    <tr>
        <td>o</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
        <td>x</td>
    </tr>
    <tr>
        <td>o</td>
        <td>o</td>
        <td>o</td>
        <td>o</td>
        <td>o</td>
    </tr>
</table>

19
  • @perect я так писал , здесь обязательно надо подчеркнуть что кроме того что их innerHTML равны друг друга , ещё и должно быть X или Օ а то при пустых ячейках тоже будет true давать , во вторых, такой способ если у тебя есть больше 2-ух td в table-е он работать не будет , так как ну например у меня есть table с шестью td он найдя две совпадения при каждом ходе будет возвращать мне значение true , и дело в том что значение myTable.rows.length произвольное , нельзя написать для трех , четырёх или пяти , функция везде должна работать 21 авг 2016 в 7:36
  • @Тигран, сформулируйте правильно правила сравнение полей (недостаточно данных для алгоритма), во вторых я вам принцип обработки таблицы только показал, ну а в третьих смотрите полный цикл обработки всей таблицы (добавил мой в ответ).
    – perfect
    21 авг 2016 в 7:59
  • весь вопрос ведь в этом , я могу написать для трёх , четырёх и сколько угодно раз , но это только для конкретного случая , а вот как написать что это повторилось n-но раз , ума не приложу 21 авг 2016 в 8:06
  • table.rows[i].cells[0].innerHTML === table.rows[i].cells[1].innerHTML вместо этого я бы хотел написать чтоб cells[0] сравнил с следующим и так столько раз пока вся строка не проверится 21 авг 2016 в 8:09
  • просто нужно правильно составить задачу перед алгоритмом а то есть то что хочешь получить. что вам хочется увидеть в итоге? например разберем одну строку таблицы, если все элементы в строке одинаковы то любой элемент строки можно сравнивать с первым элементом. Если не поняли задавайте вопрос
    – perfect
    21 авг 2016 в 8:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.