Извлеките все кусочки курсивом на странице в jQuery и/или javascript

Question

Я ищу запуск сценария на странице, которая помещает каждый фрагмент текста, выделенный курсивом в массив.

Как я понимаю jQuery .find() вы не можете получить предметы по атрибутам, я прав?

Answer 1

• Вы должны ознакомиться с filter() методом, который является большой особенностью JQuery. Вы можете определить функцию фильтра, которую вы можете использовать, чтобы уменьшить элементы в вашей коллекции jQuery до тех, которые соответствуют вашим потребностям.

• Вам также необходимо использовать .map(), который является еще одним супер-удобным методом, который поможет вам создать списки из ваших коллекций jQuery, определенных функцией, которую вы пишете. Используя .get(), вы можете создать простой массив Javascript из этого объекта списка jQuery.

Это базовая версия, которая будет собирать вам текстовое содержание элементов, которые font-style: italic применяются к ним:

var arr = 
    $('*') /*look at all elements*/ 
     .filter(function() { /*filter these elements*/ 
      return $(this).css('font-style') == 'italic'; /*only keep the italic*/ 
     }) 
     .map(function() { /*create a new object using these elements*/ 
      return $(this).text(); /*store the text of each selected element*/ 
     }) 
     .get(); /*convert this to an array*/ 

jsFiddle Demo