![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.2ベストアンサー
- 回答日時:
「次の要素」というのが「次の兄弟要素」という意味で良ければ、基準とするelementに対して
element.nextSibling
で取得可能です。
自分の子要素を意味する場合は、「最初の子要素」ということでしょうから
element.firstChild
で取得してください。
いずれの場合もinput要素とは限りませんので、「最初に現れるinput要素」という意味であるなら、
順次チェックしていって、最初のものを特定すれば宜しいかと。
(存在しない場合の処理もお忘れなく)
要素がinputであることの確認は、element.nodeName又はelement.tagNameなどで要素名が取得できます。
また、typeのチェックはelement.typeでtypeが取得できますので、チェック可能でしょう。
削除する場合は、対象elementに対して、
element.parentNode.removeChild(element);
で削除できます。
No.1
- 回答日時:
ごめん、状況をはっきりさせてほしい。
(1)やりたいのは
<input type='text' name='text1'>
<input type='text' name='text2'>
という具合に並んでいた時に一方を削除したい、ということでよろしいでしょうか。
また、上記の通りの場合、削除するのは text1 の方でしょうか、それとも text2 の方でしょうか。
(2)上記の場合は input が 2 個ですが、では 3 個以上あった場合はどのようになってほしいですか。
<input type='text' name='text1'>
<input type='text' name='text2'>
<input type='text' name='text3'>
<input type='text' name='text4'>
<input type='text' name='text5'>
のときに削除したい input の name を補足願います。
この回答への補足
問い合わせありがとうございます。
説明不足でした。
<やりたいこと>
■前提
<p id='target'></p>
<input type='text'>
<p></p>
・id="target"の次の要素が、「input type='text'」だった場合、削除
■望む結果
<p id='target'></p>
<p></p>
■補足
・「input type='text'」は一つだけ。並ばない前提
・name属性は動的変化予定なので、セレクトする際は使用しない
■特に知りたいこと
・次の要素が「input type='text'」だったら、というセレクタ条件分岐方法と、
・次の要素が「input type='hidden'」だったら、というセレクタ条件分岐方法を知りたいです
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押すとテキストボック...
-
二つの入力欄に、同時に同じ文...
-
ふりがな自動入力で姓名を分け...
-
フォームの一部をPOSTで送信で...
-
【jQuery】input nameの文字列...
-
ラジオボタンでクリックした値...
-
出発駅A、到着駅Bを選択すると...
-
エクセル マクロ submitについて
-
tabindex値の設定
-
次の要素が「input type」だっ...
-
name属性のないformタグの、中...
-
フォームが空欄の時にフォーム...
-
tableの任意行にfocusをあてる
-
onclickで2個指定するには?
-
配列のチェックボックスをjavas...
-
ダミーフォームの内容を送信用...
-
条件により、リンク先に画面遷...
-
大量のselect要素のvalueを短い...
-
onchangeイベントを強制的に発...
-
value内に変数を入れたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【jQuery】input nameの文字列...
-
javascriptの値をformのinput h...
-
テキストボックスの入力をリセット
-
ボタンを押すとテキストボック...
-
name属性のないformタグの、中...
-
JavaScriptにて動的に配列を作...
-
二つの入力欄に、同時に同じ文...
-
新しくフォルダを作成したい
-
ラジオボタンでクリックした値...
-
ASP.NETでNAME属性を固定にしたい
-
入力フォームに半角スペース以...
-
テキストボックスの値同士を比...
-
Javascriptでのbuttonのname属...
-
動的にTabindexの値を変えたい!
-
submitボタン押下時にPOSTされ...
-
ふりがな自動入力で姓名を分け...
-
cookie使用時にundefinedと表示...
-
name属性とid属性の違い。DOMの...
-
data.resultからデータを取り出...
-
doPostBack 関数について
おすすめ情報