Могу ли я получить значение элемента, если какой-либо уникальный идентификатор отсутствует, используя Javascript / Jquery?
Мне нужно, как получить доступ к значению элемента, если unique id selector отсутствует, используя Javascript/Jquery.
Я объясняю свой код ниже:
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "col-sm-6" style = "height: 100%;border-right: 1px solid;">
<div style = "text-align: center; border-bottom:1px solid;">
<p class = "lead">New Student Registration</p>
<a href = "institute_list.php?type=REGISTRATION" id = "btnRegistration"><img src = "assets/img/registration.jpg" height = "120" width = "180" /></a>
</div>
<div style = "text-align: center">
<p class = "lead">Online Admission</p>
<a href = "institute_list.php?type=ADMISSION" id = "btnAdmission"><img src = "assets/img/admission.jpg" height = "120" width = "180" /></a>
</div>
</div>
<div class = "col-sm-6" style = "padding-top: 70px;">
<div style = "text-align: center;">
<p class = "lead">Registered User Login</p>
<a href = "build/index.php" target = "_blank" id = "btnAdmission"><img src = "assets/img/login.png" height = "150" width = "150" /></a>
</div>
</div>Здесь, если я хотел получить значение тега pi.e-Online Admission или любое значение тега p от них, как я могу получить его, даже если нет такого типа id selector.
просто дополнение к комментарию @Zenoo - это возвращает массив объектов, потому что $('p.lead') имеет несколько элементов DOM, соответствующих селектору
—
28.03.2018 09:00
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
74
5
Ответы 5
Here If I wanted to get the value of p tag i.e-Online Admission
Если вы хотите получить первое значение p, просто используйте querySelector
var output = document.querySelector("p.lead").textContent;
var output = document.querySelector("p.lead").textContent;
console.info(output);<div class = "col-sm-6" style = "height: 100%;border-right: 1px solid;">
<div style = "text-align: center; border-bottom:1px solid;">
<p class = "lead">New Student Registration</p>
<a href = "institute_list.php?type=REGISTRATION" id = "btnRegistration"><img src = "assets/img/registration.jpg" height = "120" width = "180" /></a>
</div>
<div style = "text-align: center">
<p class = "lead">Online Admission</p>
<a href = "institute_list.php?type=ADMISSION" id = "btnAdmission"><img src = "assets/img/admission.jpg" height = "120" width = "180" /></a>
</div>
</div>
<div class = "col-sm-6" style = "padding-top: 70px;">
<div style = "text-align: center;">
<p class = "lead">Registered User Login</p>
<a href = "build/index.php" target = "_blank" id = "btnAdmission"><img src = "assets/img/login.png" height = "150" width = "150" /></a>
</div>
</div>Или, если вы хотите получить другое значение p.lead, вы можете использовать индекс этого p в качестве селектора
Если вы хотите получить первое значение p, просто используйте экв
var output = $("p.lead:eq(0)").textContent; //New Student Registration
var output = $("p.lead:eq(1)").textContent; //Online Admission
Вы можете использовать find внутри div.
$('div').find('p').each(function (index, element) {
console.info($(this).text());
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "col-sm-6" style = "height: 100%;border-right: 1px solid;">
<div style = "text-align: center; border-bottom:1px solid;">
<p class = "lead">New Student Registration</p>
<a href = "institute_list.php?type=REGISTRATION" id = "btnRegistration"><img src = "assets/img/registration.jpg" height = "120" width = "180" /></a>
</div>
<div style = "text-align: center">
<p class = "lead">Online Admission</p>
<a href = "institute_list.php?type=ADMISSION" id = "btnAdmission"><img src = "assets/img/admission.jpg" height = "120" width = "180" /></a>
</div>
</div>
<div class = "col-sm-6" style = "padding-top: 70px;">
<div style = "text-align: center;">
<p class = "lead">Registered User Login</p>
<a href = "build/index.php" target = "_blank" id = "btnAdmission"><img src = "assets/img/login.png" height = "150" width = "150" /></a>
</div>
</div>Используя функцию карты, вы получите все значения p.lead значения один за другим. Попытайся:
$('p.lead').map(function () {
$(this).text();
});
Поскольку вам нужно содержимое элементов p, почему бы вам просто не использовать селектор элементов для выбора всех элементов p, а затем перейти к нему и получить его текстовое содержимое.
$('p').each(function(){
var pContent = $(this).text();
console.info(pContent);
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "col-sm-6" style = "height: 100%;border-right: 1px solid;">
<div style = "text-align: center; border-bottom:1px solid;">
<p class = "lead">New Student Registration</p>
<a href = "institute_list.php?type=REGISTRATION" id = "btnRegistration"><img src = "assets/img/registration.jpg" height = "120" width = "180"/></a>
</div>
<div style = "text-align: center">
<p class = "lead">Online Admission</p>
<a href = "institute_list.php?type=ADMISSION" id = "btnAdmission"><img src = "assets/img/admission.jpg" height = "120" width = "180"/></a>
</div>
</div>
<div class = "col-sm-6" style = "padding-top: 70px;">
<div style = "text-align: center;">
<p class = "lead">Registered User Login</p>
<a href = "build/index.php" target = "_blank" id = "btnAdmission"><img src = "assets/img/login.png" height = "150" width = "150" /></a>
</div>
</div>Вы также можете попробовать
var x = document.querySelectorAll("p");
console.info(x[1].innerHTML);
var x = document.querySelectorAll("p");
console.info(x[1].innerHTML);<div class = "col-sm-6" style = "height: 100%;border-right: 1px solid;">
<div style = "text-align: center; border-bottom:1px solid;">
<p class = "lead">New Student Registration</p>
<a href = "institute_list.php?type=REGISTRATION" id = "btnRegistration"><img src = "assets/img/registration.jpg" height = "120" width = "180" /></a>
</div>
<div style = "text-align: center">
<p class = "lead">Online Admission</p>
<a href = "institute_list.php?type=ADMISSION" id = "btnAdmission"><img src = "assets/img/admission.jpg" height = "120" width = "180" /></a>
</div>
</div>
<div class = "col-sm-6" style = "padding-top: 70px;">
<div style = "text-align: center;">
<p class = "lead">Registered User Login</p>
<a href = "build/index.php" target = "_blank" id = "btnAdmission"><img src = "assets/img/login.png" height = "150" width = "150" /></a>
</div>
</div>Другие вопросы по теме
Автоматическая прокрутка в нескольких таблицах фиксированной высоты
Я хочу автоматически скрыть содержимое абзаца, когда ширина окна составляет 980 пикселей или меньше. Любое предложение?
Автозавершение запросов в боте C# во фреймворке бота
Событие сканирования штрих-кода в php
Флажок icheck не работает при наведении курсора
Как отправить выбранные значения в viewModel из множественного выбора (Kendo MultiSelect)
Модальный фон начальной загрузки не исчезает, когда мы щелкаем в любом месте экрана с окном печати
У меня есть модальная форма, и мне нужно заменить / скрыть / переключить ее при отправке
Всплывающее модальное окно в зависимости от состояния
Попытка выбрать два класса для проверки
Похожие вопросы
Как установить динамическое условие ngIf в динамической форме в angular 4
Автоматическая прокрутка в нескольких таблицах фиксированной высоты
Сопоставьте два ключа объекта и отобразите другое значение ключа объекта в angular 4
Предотвратить (ngSubmit), когда (keyup.enter) на входе срабатывает в Angular 4
Я хочу автоматически скрыть содержимое абзаца, когда ширина окна составляет 980 пикселей или меньше. Любое предложение?
Как измерить, сколько символов умещается на холсте?
Определение того, находятся ли заданные дата и время в пустом сегменте летнего времени
Раскрывающийся список круговых диаграмм Highcharts, показывающий метки внутри круговой диаграммы
Событие сканирования штрих-кода в php
Определение класса в javascript после ответа ajax
Используя их класс, чтобы выбрать их? Вам следует прочитать основы jQuery.
$('p.lead')