JavaScript jQueryで最後のDOMを削除する方法 remove()

下記のように divの中にいくつもdivがあって、最後のdiv(Message 5)を
JavaScriptのライブラリ jQueryで削除したいときに

<div id="messages">
	<div class="message" id="message">Message 1</div>
	<div class="message" id="message">Message 2</div>
	<div class="message" id="message">Message 3</div>
	<div class="message" id="message">Message 4</div>
	<div class="message" id="message">Message 5</div>
</div>

lengthで配列のindexを取得して、

$(".message").length-1

indexの値を利用して、remove()を呼ぶと、Message 5のdivを削除することができます。

$($(".message")[$(".message").length-1]).remove();

サンプルソース

class名 messageがいくつもあるときに、最後のdivを削除する例。

<html>
	<head>
		<title>jQuery</title>
	</head>
	<body>
		<div id="messages">
			<h1>Messages</h1>
			<div class="message" id="message">Message 1</div>
			<div class="message" id="message">Message 2</div>
			<div class="message" id="message">Message 3</div>
			<div class="message" id="message">Message 4</div>
			<div class="message" id="message">Message 5</div>

		</div>
	</body>
	<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
	<script type="text/javascript"><!--
		$(document).ready(function(){
			$($(".message")[$(".message").length-1]).remove(); 
		});
	//-->
	</script>
</html>

いつもシェア、ありがとうございます！

もっと情報を探しませんか？

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12