[jQuery].each()を関数化する

WEB

2022.12.08

やっていく。

こうする

<ul>
    <li>あああああああああああああ</li>
    <li>あああああああああああああ</li>
    <li>あああああああああああああ</li>
    <li>あああああああああああああ</li>
</ul>
<button>CLICK</button>

function eachFn(){
    var eachTxt = '';
    $('ul').find('li').each(function(){
        eachTxt += $(this).text() + '\n';
    })
    alert(eachTxt);
}
$('button').on('click',function(){
    eachFn();
})

関数内でセレクタを作ってるんで、thisが使える。

関数を発火させる場合は単純に、無名関数内に関数を書けば済む。

見てしまえば普通だから、ちゃんと勉強してたら躓かない内容だと思う。ただまあ、自分みたいにぶつかったときに調べるみたいな立ち回りだとよく分かんなくなる。