Запустите функцию после загрузки страницы и отредактируйте внутреннюю метку HTML без идентификатора или класса

Question

Я пытаюсь создать свой обучающий веб-сайт и могу редактировать только следующие соответствующие поля:

HTML / JavaScript фрагменты кода внутри тега head на всех страницах.

custom CSS на всех страницах вашего сайта.

У меня есть jQuery.

Хотя это довольно ограничивающее, мне удается пройти Однако я столкнулся с проблемой: я пытаюсь отредактировать текст этого объекта:

изображение объекта, который я пытаюсь редактировать.

В основном, Я пытаюсь отредактировать внутреннее HTML обоих

<label for="subject">Subject</label>
<label for="student_message">Message</label>

От "Тема" до "נושא" и от "Сообщение" до "הודעה".

Эти метки не имеют классов и идентификаторы, и их единственные атрибуты являются атрибутами «для». Теперь, если это поможет, эти указанные c метки находятся внутри этих div:

<form id="contact-form" accept-charset="UTF-8" method="post">
    <div class="row form-group">
            <label for="subject">Subject</label>
            <label for="student_message">Message</label>
    </div>
</form>

Это единственные ярлыки на сайте внутри div "contact-form".

Так проблемы:

• Мне нужно получить доступ к этим меткам из тега HEAD, и они находятся в теге BODY. Поэтому я думаю, что мне нужна какая-то функция ожидания для запуска после загрузки страницы / формы.
• Я могу отличать эти метки только от других, используя их атрибут и атрибуты родительского элемента div.

Мои вопросы:

1. Как создать функцию, которая запускается после загрузки страницы, но не останавливает всю страницу?
2. Внутри этой функции как получить доступ? объекты, использующие их атрибуты?
3. И только потому, что это кажется важным, а я пока не знаю, как мне получить доступ к объектам внутри объектов?

Большое спасибо:)

Answer 1

Интересующие элементы могут быть найдены относительно элементов, которые могут быть найдены напрямую - ie элементов, идентифицированных по id / class.

Например ...

jQuery(function($) {
    const $formGroup = $('#contact-form div.form-group').eq(0);
    $formGroup.find('label').eq(0).text('נושא');
    $formGroup.find('label').eq(1).text('הודעה');
});

В качестве альтернативы, если вы предпочитаете не выполнять назначение ...

jQuery(function($) {
    $('#contact-form div.form-group').eq(0)
    .find('label').eq(0).text('נושא')
    .next('label').text('הודעה');
});

Answer 2

Вы сказали, что у вас есть jQuery, поэтому ваш код в $(document).ready( обеспечивает загрузку тела. Затем используйте селектор jQuery, чтобы найти объект по атрибуту:

$(document).ready(function () {
  $("label[for='subject']").html('נושא');
  $("label[for='student_message']").html('הודעה');
});