チェックボックスの親要素を削除したい

Question

下記のソースの通り、pタグの子要素にチェックボックスがあります。

Output(
			"<p id = 'MessageParagraph'><input type='checkbox' class='area' value=" + cnt + " /> name: <strong>" + file.name+
            "</p>"
		);

このチェックボックスをjavascriptで下記のように取得しているのですが、
この時に取得したチェックボックスの親要素(pタグ)を画面から削除したいと考えております。
(同時に子要素である取得したチェックボックスも削除します)

var area = $('[class="area"]:checked').map(function () {
                return $(this);
            }).get();

現在実装した削除時のソースは下記の通りなのですが、
Uncaught TypeError: Cannot read property 'remove' of undefined
が発生してしまいます。

for (var i = 0; i < area.length; i++) {
                // 画面から削除
                area[i].parentElement.remove();
            }

実装方法の分かる方がいましたら、ご教授をお願いします。

Answer 1

普通にこれでいけませんか？

$('[class="area"]:checked').parent().remove();

Comments

[shoi]

解決することが出来ました。
ありがとうございます。