jQuery :lastで最後のInput要素を操作するサンプル

2023年3月24日

環境
Google Chrome　111.0.5563.65（Official Build）
Windows 10 Home 64bit
jquery 3.6.3

書式
$(“input:last").css(属性名,値);
最後のInput要素のCSSを変更します

使用例

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
  // ボタンのイベント
  $("#chk").click(function(){
        //最後のInput要素の取得
        $("input:last").css("background","green");
  });[]
  
});
</script>
</head>
<body>
<p><input type="text" id="cityA" value="tokyo"></p>
<p><input type="text" id="cityB" value="oosaka"></p>
<p><input type="text" id="cityC" value="fukuoka"></p>

<button id="chk">検証</button>

</body>
</html>

実行結果
「検証」ボタンを押すと、最後のinput要素(id="cityC")テキストボックスの入力欄の背景色を緑色にします。

jQuery

Posted by arkgame

Related posts: