Идентифицирующий элемент не работает

  • Автор темы Zci920skestSoky
  • Обновлено
  • 17, May 2024
  • #1
Я хочу добавить класс ко всем событиям
  • , чтобы можно было использовать CSS для выделения рамки вокруг каждого события с цветом, который зависит от значения c[] (см. код JS ниже). Любые предложения будут высоко ценится.

    Javascript-код

    Код (разметка):

     jQuery(document).ready( function(){ var c = document.getElementsByClassName('jcalpro_events_category'); <= WORKING for (i = 0; i < c.length; i++) { $('jcalpro_events_event').eq.addClass(c.textContent); <= NOT WORKING /* alert(c.textContent);*/ <=== WORKS WHEN NOT COMMENTED } });


Zci920skestSoky


Рег
16 Mar, 2020

Тем
72

Постов
201

Баллов
571
  • 18, May 2024
  • #2
Спасибо. Теперь я решил свою проблему. Окончательный код: jQuery(документ).ready(функция(){ var l = document.getElementsByClassName("jcalpro_events_event"); var c = document.getElementsByClassName('jcalpro_events_category'); для (я = 0; я л.classList += ' ' + c.текстСодержимое;
} );
 

Evseviya


Рег
03 Nov, 2012

Тем
83

Постов
195

Баллов
630
  • 01, Jun 2024
  • #3
Затем просмотрите каждую категорию jcalpro_events_category, сопоставьте текст и назначьте css родительскому элементу li?
 
$('.jcalpro_events_category').each(function() {
 if ($(this).text() == 'whatever') {
 $(this).parents('li').css({'border':'1px solid red'});
 }
})
Код (разметка):
 

Haikeus


Рег
01 Jan, 2011

Тем
59

Постов
170

Баллов
495
  • 10, Jun 2024
  • #4
Спасибо. Триггерного события нет. Модуль Joomla создает код, и я хочу добавить цветную рамку вокруг каждого элемента
  • в выводе модуля, причем цвет зависит от текста категории для этого
  • . (В выходных данных модуля идентификаторы отсутствуют.)

    Насколько я понимаю, мне нужен список соответствующих элементов
  • и список текстов категории . Затем мне нужно назначить дополнительный класс каждому элементу
  • , чтобы CSS мог его уловить и соответствующим образом отобразить цвет границы. Я использую jQuery, потому что он уже загружен и я могу заставить его работать. Я был бы рад использовать все, что сработало!
 

KaskUpdasse


Рег
10 Jun, 2015

Тем
75

Постов
196

Баллов
591
  • 11, Jun 2024
  • #5
И... опять же... зачем вы сюда добавляете jQuery? Если вы собираетесь загружать jQuery, имеет смысл использовать именно jQuery.

Насколько я понимаю, вы хотите изменить класс jcalpro_events_event на что-то другое (добавить еще один класс), когда jcalpro_events_category имеет определенное значение? Или содержит определенное значение или что-то в этом роде?

Вы сможете сделать это, не используя ничего, кроме пары строк jQuery.

Не могли бы вы привести пример значения в jcalpro_events_category, которое должно вызвать изменение? И, может быть, также указать, как должны выглядеть изменения? Кстати, опубликованный вами код не работает - среди прочего вам не хватает закрывающей скобки.
 

Catdan


Рег
01 Jan, 2011

Тем
66

Постов
190

Баллов
530