js проверка id у section

218
03 января 2019, 00:50

Есть

<section id="portfolios-xxx">

как на js проверить id этого самого section и если он выглядит portfolios- то выполнять действие.

Answer 1

Можно просто использовать селектор [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>

Answer 2

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>

Answer 3

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">

Answer 4

На jquery:

$('section[id^=portfolios-]').css('color','red');

или так:

$('section[id^=portfolios-]').each(function(){
  $(this).css('color','red');
});
READ ALSO
При hover меняется высота блока. Как сделать, что-бы он не &ldquo;отталкивал&rdquo; нижние блоки?

При hover меняется высота блока. Как сделать, что-бы он не “отталкивал” нижние блоки?

Никак не могу подобрать правильное решениеЕсть карточки с товарами, идут рядами на флексах

212
Помогите доработать кода на JS,Image map SVG адаптив

Помогите доработать кода на JS,Image map SVG адаптив

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

233
Chrome: сохранение правок в HTML для чужих сайтов

Chrome: сохранение правок в HTML для чужих сайтов

Есть ли на Chrome какое-нибудь расширение, способное запомнить те изменения, которые я через devTools внесуА потом при рендере сайта, подменять указанные...

170
Jquery, поиск по колонки таблицы

Jquery, поиск по колонки таблицы

У меня есть таблица с тремя колонками

193