備忘録（jQuery）

jQuery

not

取得する要素の除外条件

<p>aaa</p>
<p class="not">bbb</p>
<p>ccc</p>

const p = $('p').not('not')
console.log(p)
=> [<p>aaa</p>, <p>ccc</p>]

each

取得した要素の繰り返し処理

<p>aaa</p>
<p class="not">bbb</p>
<p>ccc</p>

$('p').not('not').each((index, element) => {
    console.log(index, element)
}
=> 0 <p>aaa</p>
   1 <p>bbb</p>

attr

要素の属性を操作する

<p>aaa</p>
<p class="not">bbb</p>
<p>ccc</p>

$('p').not('not').each((index, element) => {
    $(element).attr('class', 'aiueo')
}
console.log($('p'))
=> [<p class="aiueo">aaa</p>, <p class="not">bbb</p>, <p class="aiueo">ccc</p>]

removeAttr

要素の属性を削除する

<p class="aiueo">aaa</p>
<p class="not">bbb</p>
<p class="aiueo">ccc</p>

$('.aiueo').each((index, element) => {
    $(element).removeAttr('class')
}
console.log($('p'))
=> [<p>aaa</p>, <p class="not">bbb</p>, <p>ccc</p>]