Как в JS выбрать элементы с определенным адресом в href?

есть элементы с разными href:

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }
<image href=".../pin/1.svg"></image>
<image href=".../pin/2.svg"></image>


нужно их найти и отфильтровать по адресу в href, затем изменить css
Подскажите, пожалуйста, чайнику как такое делается)
0
js атрибуты

1 ответов

Вам нужны стандартные css-селекторыhttps://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors (потому что все библиотеки js - и, вроде бы, сами браузеры, я почти не пишу на js - оперируют ими)

Вот, например, jQuery:

var $elements = jQuery('[href^="../pin"]');

Если бы нужна была сложная фильтрация, пришлось бы делать все руками
var $elements = jQuery();
jQuery('a').each(function() {
   if ($(this).attr('href')) // какая-нибудь проверка
       $elements = $elements.add($(this));
});
2