Как превратить этот javascript в jQuery
Я настраиваю этот Учебник W3Schools. Я хотел бы использовать jQuery для добавления анимации перехода между вкладками. Это соответствующая строка в функции javascript
function showTab(n) {
// This function will display the specified tab of the form ...
var x = document.getElementsByClassName("tab");
x[n].style.display = "block";
Я пробовал это, но это не работает.
function showTab(n) {
// This function will display the specified tab of the form ...
var x = document.getElementsByClassName("tab");
$("x[n]").show(750);
}
W3Schools любят, когда вы путаете их с W3C, поскольку это придает их ужасному, переполненному рекламой сайту видимость респектабельности, но они не W3C, поэтому я отредактировал вопрос.
Обратите внимание, что W3C и W3Schools являются совершенно отдельными и не связанными между собой объектами. Я бы также посоветовал вообще не использовать W3Schools. Их статьи часто устарели, а иногда просто ошибочны. МДН и jQuery документы гораздо точнее и надежнее.
Ах. Я их спутал. Дело принято.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
В настоящее время вы пытаетесь получить элемент <x n = "something">. Просто удалите кавычки, чтобы это был не селектор, а объект jQuery:
function showTab(n) {
var x = document.getElementsByClassName("tab");
$(x[n]).show(750);
}
Вам нужно указать значение x[n] в конструкторе jQuery, а не в виде строкового литерала:
$(x[n]).show(750);
При этом, если вы хотите полностью преобразовать это в jQuery, вы можете использовать объект jQuery и метод eq() для извлечения элемента внутри него по индексу:
function showTab(n) {
$('.tab').eq(n).show(750);
}
Удалите кавычки из того, что вы передаете
$