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

@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);
});
})

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

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

Решение

Решение

@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

Опции темы