Как достать текст из элемента?

@bighoc · Регистрация: 10.04.2014

Студворк — интернет-сервис помощи студентам

Я учусь, вот делаю лабу, второй день не могу доехать как реализовать.

/** ЗАДАНИЕ 2
- В таблице с id="courses" выберите коды всех курсов и для каждого курса
- сформируйте строку вида "код.pdf", например "xml.pdf"
- добавьте как href элемента <a> с классом "doc"
- анкор "ссылка" поменяйте на "описание"
Например, у курса с кодом "XML" ссылка должна выглядеть как:
<a class="doc" href="xml.pdf">описание</a>
*/

JavaScript
1
2
3
4
5
6
7
8
9
    $(function(){
    
    
    var cod = $('table#courses tbody tr').find('td:first').text(function(ind,val){
    return val +'.doc'});
    $('a.doc[href="#"]').attr('href',function(ind, val){
return cod[ind]});
    
    });

что у меня не так подскажите, пожалуйлста.

@Lazy_Den · 26.05.2014, 23:06

bighoc, у меня больше вопросов возникает к условию задачи, чем к её решению.
1. "выберите коды всех курсов" - по какому признаку их выбирать? Хотя, судя по вашему коду, они все в первой ячейке каждой строки.
2. Выражение - "анкор "ссылка" поменяйте на "описание"" - останется загадкой
3. Да и откуда это "описание" должно браться?
Из того, что смог понять, могу предложить такой вариант, а дальше - уточняйте:

JavaScript
1
2
3
4
$('#courses tr').each(function(i,el){
    var td = $('td:first', el);
    td.html('<a class="doc" href="' + td.text().toLowerCase() + '.pdf">описание</a>');
});

@bighoc · 27.05.2014, 09:37 **[ТС]**

Да спасибо, я как-то не подумал про вариант с .html.
Скажите анонимная функция в each работает как цикл? то ест перебирает все элементы совпавшие с условием '#courses tr' , правильно ? и все указания в функции будут выполнены отдельно для каждого элемента коллекции ?

var td = $('td:first', el); - как понимать такое обращение ? для чего el?

И последний вопрос, есть какой-нибудь толковый русскоязычный справочник по jQuery?

@Lazy_Den · 27.05.2014, 09:56

Сообщение от bighoc

... each работает как цикл? ... будут выполнены отдельно для каждого элемента коллекции ?

Да.

Сообщение от bighoc

для чего el?

Для удобства. Можно использовать и this (равносильно), но когда ситуация вроде такой:

JavaScript
1
2
3
4
5
6
$('button').on('clikc', function(){
    $(this).some_method();
    $('some_elements').each(function(){
        $(this).some_method();
    });
});

то чтоб не путаться, внутри метода each (и не только), удобней использовать своё имя для элемента, передаваемого функции в качестве второго аргумента.

Сообщение от bighoc

var td = $('td:first', el); - как понимать такое обращение?

Один из вариантов синтаксиса, где выбираются дочерние элементы (тут td:first ) у родительского (тут el)

Сообщение от bighoc

толковый русскоязычный справочник по jQuery

Идеальной замены официальному - не знаю, да и вряд ли будет, но этот ресурс на хорошую четверку потянет... пока ещё

@bighoc · 27.05.2014, 14:41 **[ТС]**

Всё понял, всё усвоил.
Большое спасибо за грамотный ответ.

Добавлено через 29 минут
и всё таки по поводу var td = $('td:first', el);
разве таким образом выбираются дочерние документы? на сколько я знаю через запятую указывают перечень, то есть в переменную попадёт первый td и весь элемент целиком....

Добавлено через 1 час 25 минут
И ещё вопрос, Скажем у меня таблица 5 строк и 5 столбцов.

Я хочу получить коллекцию из каждой третьей ячейки всех строк. как действовать?

Добавлено через 40 минут
Если перефразировать как выбрать столбик ?

Добавлено через 10 минут
нашёл ответ, $('table#courses tr td:nth-child(3)')

Добавлено через 1 час 24 минуты
и снова назрел вопрос, вот такая задача.

- При нажатии кнопки "Отправить" или клавиши "Enter"(код 13) проверить, заполнены ли поля?
При необходимости вывести alert('Заполните все поля!')

как реализоватЬ?

@Lazy_Den · 27.05.2014, 15:09

Сообщение от bighoc

разве таким образом выбираются дочерние документы?

В синтаксисе "jQuery( selector [, context ] )" - нет ничего нового и используете вы его практически каждый раз, работая с библиотекой.
selector - условия заданы с помощью селектора (тут ничего нового)
context - области поиска, которая может быть задана DOM-элементом, jQuery-объектом или объектом документа (не обязательный параметр). По умолчанию, областью поиска - весь документ

Сообщение от bighoc

и снова назрел вопрос

По правилам форума: "один вопрос - одна тема".

@masta · 09.04.2017, 19:34

Может конечно поздно, но я сейчас тоже прохожу этот курс, и я решил задание.

$(function(){

$('#courses tbody tr').each(function(){
txt = $(this).children('td').eq(0).text();
txt1 = txt + '.pdf';
$(this).find('a.doc').text('описание').a ttr('href',txt1);
});
})

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

Как достать текст из элемента?

Решение

Решение

@bighoc 1 / 1 / 0 Регистрация: 10.04.2014 Сообщений: 32
	27.05.2014, 09:37 [ТС]
	Да спасибо, я как-то не подумал про вариант с .html. Скажите анонимная функция в each работает как цикл? то ест перебирает все элементы совпавшие с условием '#courses tr' , правильно ? и все указания в функции будут выполнены отдельно для каждого элемента коллекции ? var td = $('td:first', el); - как понимать такое обращение ? для чего el? И последний вопрос, есть какой-нибудь толковый русскоязычный справочник по jQuery? 0

@bighoc 1 / 1 / 0 Регистрация: 10.04.2014 Сообщений: 32
	27.05.2014, 14:41 [ТС]
	Всё понял, всё усвоил. Большое спасибо за грамотный ответ. Добавлено через 29 минут и всё таки по поводу var td = $('td:first', el); разве таким образом выбираются дочерние документы? на сколько я знаю через запятую указывают перечень, то есть в переменную попадёт первый td и весь элемент целиком.... Добавлено через 1 час 25 минут И ещё вопрос, Скажем у меня таблица 5 строк и 5 столбцов. Я хочу получить коллекцию из каждой третьей ячейки всех строк. как действовать? Добавлено через 40 минут Если перефразировать как выбрать столбик ? Добавлено через 10 минут нашёл ответ, $('table#courses tr td:nth-child(3)') Добавлено через 1 час 24 минуты и снова назрел вопрос, вот такая задача. - При нажатии кнопки "Отправить" или клавиши "Enter"(код 13) проверить, заполнены ли поля? При необходимости вывести alert('Заполните все поля!') как реализоватЬ? 0

@masta 18 / 15 / 8 Регистрация: 15.05.2013 Сообщений: 212
	09.04.2017, 19:34
	Может конечно поздно, но я сейчас тоже прохожу этот курс, и я решил задание. $(function(){ $('#courses tbody tr').each(function(){ txt = $(this).children('td').eq(0).text(); txt1 = txt + '.pdf'; $(this).find('a.doc').text('описание').a ttr('href',txt1); }); }) 0