Есть
<section id="portfolios-xxx">
как на js проверить id этого самого section и если он выглядит portfolios- то выполнять действие.
Можно просто использовать селектор [id^=portfolios-]
, что означает id должен начинаться с portfolios.
const elements = document.querySelectorAll('section[id^=portfolios-]')
for (el of elements) {
el.style.color = 'red'
}
<section id="portfolios-xxx">portfolios-xxx</section>
<section id="port-aaaa">port-aaaa</section>
<section id="1337portfolios321">1337portfolios321</section>
<section id="portfolios-aaaa">portfolios-aaaa</section>
Jquery:
$.each( $("section"), function( key, value ) {
if($(value).attr("id").indexOf("portfolios-") != -1)
{
alert($(value).attr("id"))
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="portfolios-aaa"></section>
<div></div>
<div></div>
<div></div>
<div></div>
<section id="portfolios-bbb"></section>
<section id="sections-aaa"></section>
JavaScript:
var objSections = document.getElementsByTagName('section');
var len = objSections.length;
for (var i = 0; i < len; i++) {
if(objSections[i].id.indexOf("portfolios-") != -1)
{
alert(objSections[i].id)
}
}
<section id="portfolios-aaa"></section>
<div></div>
<div></div>
<div></div>
<div></div>
<section id="portfolios-bbb"></section>
<section id="sections-aaa"></section>
let checkId = document.getElementsByTagName('section');
for (item of checkId){
if(~item.id.indexOf("portfolios-"))
{
console.log(item.id);
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="portfolios-xxx">
<section id="port-aaaa">
<section id="portfolios321">
<section id="portfolios-aaaa">
На jquery:
$('section[id^=portfolios-]').css('color','red');
или так:
$('section[id^=portfolios-]').each(function(){
$(this).css('color','red');
});
Оборудование для ресторана: новинки профессиональной кухонной техники
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
Никак не могу подобрать правильное решениеЕсть карточки с товарами, идут рядами на флексах
Я решаю проблему с изменением положением точек,когда картинка меняет свои размеры ,чтобы она была адаптивнойв примере только 1 элемент ареа(уже...
Есть ли на Chrome какое-нибудь расширение, способное запомнить те изменения, которые я через devTools внесуА потом при рендере сайта, подменять указанные...