jQuery родители(), имеющие разные выходы в Firefox и Chrome

Question

Я пытаюсь получить innerText элемента 'TD', используя родительские элементы jQuery() и find().

allTitles = $("[href='/myLink/param?foo=1234']").parents("table:first").parents("table:first").find(".field_text"); 
name = allTitles[0].children[0].innerText; 
console.log(name); 

Код прекрасно работает в Chrome, но в Firefox консоль печатает «null».

Я сделал некоторую отладку и проблема, кажется, в функции parents(). Хотя в Chrome я получаю все атрибуты из элементов таблицы, в Firefox кажется, что атрибуты не читаются и, следовательно, приводят к «null», когда мы вызываем find («. Field_text»).

Почему Chrome и Firefox ведут себя иначе, хотя я использую один и тот же файл jQuery?

Answer 1

Проблема была на самом деле с children.innerText, он не работает с Firefox ,

Только что изменено на children.textContent, и оно решило проблему.

Ссылка: children.innerText is not working in firefox

Answer 2

JavaScript обрабатывается по-разному в браузерах. Это может быть связано с этим. Поскольку вы уже используете jQuery, вы можете просто использовать его для своего второго запроса. Кроме того, если вы находитесь в контроле вашего HTML, вы можете сделать свой первый запрос намного проще, добавив класс второй Parant таблице:

var allTitles = $("[href='...']").closest(".your-class").find(".field_text"); 
var name = allTitles.children().first().text(); 
console.log(name);