【JavaScript授業二十日目】JQuery(続き4)

●eachメソッド

【問題】名前に敬称「さん」をつけて表示すること

HTML

      <div class="box2">

        <h1>サンプル２</h1>

        <ul class="target">

          <li>佐藤</li>

          <li>鈴木</li>

          <li>佐々木</li>

        </ul>

      </div>

JS

      $('.box2 .target li').each(function (index, element) {

        console.log($(element).html() + "さん");

      });

・function (index, element)この無名関数の中は (i, ele)こういう風にしてもOK

・第2引数に無名関数で使用するHTML要素オブシェクトが代入される

・無名関数内で使用するときは「$()」で囲むことでJQueryインスタンスでラップしてJQueryメソッドを使用できるようにする

【問題】鈴木さん以外の名前に敬称「さん」をつけて表示すること

JS

$('.box2 .target li').each(function (index, element) {        

　if (!($(element).html() === "鈴木")) {

      $(element).append("さん");      

　}

});