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

[elena888]

Я хочу добавить класс ко всем событиям

• , чтобы можно было использовать CSS для выделения рамки вокруг каждого события с цветом, который зависит от значения c[] (см. код JS ниже). Любые предложения будут высоко ценится.
  
  Javascript-код
  
  

  <div class="module title-on tabbeddark "> <h3 class="moduletitle"><span class="first_word">Future Events (JCal Pro Events)</span></h3> <div class="modulecontent"> <div class="jcalpro_events tabbeddark"> <ul class="jcalpro_events tabbeddark"> <li class="jcalpro_events_event"> <span class="jcalpro_events_link"> <a href="/bookings/mab-schedule-jcal/location/11-phoenix-kenilworth-school"> <img class="hasTooltip" title="Финикс: Школа Кенилворта&lt;br&gt;1210 N 5th Ave" src="/media/jcalpro/images/events/icon-event-location.png" /> </a> <a href="/bookings/mab-schedule-jcal/99-contra/149-phoenix-2nd-saturday" title="Финикс 2-я суббота Контра">Phoenix 2nd Saturday Contra</a> </span> <span class="jcalpro_events_date">Sat. Sep 10, 2016 7:00 pm</span> <span class="jcalpro_events_category"><a href="/bookings/mab-schedule-jcal/99-contra">Contra</a></span> <span class="jcalpro_events_description">Band: Clusterfolk</span> </li> ... more <li>s </ul> </div>

  
  
  Код (разметка):
  HTML-код
  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 <=== WORKS WHEN NOT COMMENTED } }); HTML:
  

 

[Evseviya]

Спасибо. Теперь я решил свою проблему. Окончательный код:

jQuery(документ).ready(функция(){
var l = document.getElementsByClassName("jcalpro_events_event");
var c = document.getElementsByClassName('jcalpro_events_category');
для (я = 0; я л.classList += ' ' + c.текстСодержимое;
} );

 

[Haikeus]

Затем просмотрите каждую категорию jcalpro_events_category, сопоставьте текст и назначьте css родительскому элементу li?

$('.jcalpro_events_category').each(function() { if ($(this).text() == 'whatever') { $(this).parents('li').css({'border':'1px solid red'}); }
})

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

 

[Вася Пупкин2]

Спасибо. Триггерного события нет. Модуль Joomla создает код, и я хочу добавить цветную рамку вокруг каждого элемента

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

 

[catdan]

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

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

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