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

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

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

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

Решение

Решение

@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