Проверьте содержимое div, чтобы применить конкретный идентификатор

Question

Я использую XSLT, чтобы в основном взять некоторый базовый HTML и внедрить некоторый CSS так, чтобы получающийся файл был исходным файлом + встроенный CSS как один отдельный автономный файл. Пока проблем нет, все отлично работает.

Тем не менее.

Некоторые из моих входных документов не имеют должным образом отформатированных разделительных идентификаторов, поэтому встроенный в CSS код не обрабатывает эти элементы (входные документы поступают от 4 разных провайдеров, которым все нравится делать вещи отдельно, ууу!)

Есть ли способ (js? Jquery?), Чтобы я мог проверить текстовое содержимое div для конкретного слова, а затем назначить идентификатор для div, в котором он находится? Например, div должен иметь идентификатор «Allergies», но если это не так, мне нужно проверить текст div, чтобы найти слово «Allergy», а затем назначить «Allergies» в качестве идентификатора div.

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

Это должно отображаться на Blackberrys / WinPhones, поэтому необходимо учитывать их ограничения.

Большое спасибо,

Christian

Answer 1

Почему бы не написать код в самом xslt для генерации идентификатора

<xsl:if test="contains(value, 'Allergy')">
   <xsl:attribute name="id">
      Allergies
   </xsl:attribute>
</xsl:if>

Используя jQuery, вам нужен плагин http://plugins.learningjquery.com/textchildren/

$(content).("div").each( function(index) {
   if($(this).textChildren().contains("Allergy")){
      $(this).addClass("Allergies");
   }
})