LoginSignup
2
1

More than 5 years have passed since last update.

変数の値がdomの属性値に含まれてるかを確認

Last updated at Posted at 2018-07-27

表題のとおり。
es5とes6で2通りを書きます。

やりたいこと

aタグのhref属性に該当の値(4953823006555)が含まれているかを確認

HTML

<div>
  <div class="item-name">
    <a href="/1234567894953823006554/">アイス</a>
  </div>
  <div class="item-name">
    <a href="/1234567894953823006555/">チョコ</a>
  </div>
  <div class="item-name">
    <a href="/1234567894953823006556/">アメ</a>
  </div>
</div>

javascript es5

var jan = "4953823006555";
var hasMatch = false;
var itemElement = document.querySelectorAll('.item-name a');
itemElement.forEach(function(i) {
  var matchCheck = (i.getAttribute('href')).indexOf(jan) >= 0;
  if (matchCheck) {
    hasMatch = matchCheck;
    return false;
  }
});
console.log(hasMatch)

javascript es6

const jan = "4953823006555";
const itemElement = document.querySelectorAll('.item-name a');
const hasMatch = Object.values(itemElement).find((i) =>
  (i.getAttribute('href')).indexOf(jan) >= 0
);
console.log(hasMatch)
2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1