jquery - 要素がフォームフィールドであるかどうかを確認する

Question

選択した要素がフォームフィールドであるかどうか、つまり入力、選択、チェックボックスなどであるかどうかを判断する便利な方法はありますか？

Answer 1

を使用.is(':input')して、それが任意の種類のフォーム要素であるかどうかをテストできます。

Docrefs：

• http://api.jquery.com/is/-セレクターに対して現在一致している要素のセットを確認します...
• http://api.jquery.com/input-selector/-すべての入力、テキストエリア、選択、ボタンの要素を選択します。」

Answer 2

プレーンなJavaScriptを使用します。

$("#someelement")[0].tagName // will return name of tag (div, p, input, select, etc...)

jQueryオブジェクトの最初のインデックス[0]は、そのDOMオブジェクトを返します。javascriptで完全に行うには：

document.getElementById("someelement").tagName;

Answer 3

純粋なJavaScriptでは、 SizzleEngineのようなことを行うことができます

/^(?:input|select|textarea|button)$/i.test(el.nodeName)

例

/**
 * Test is form action element
 * @param {Object} el 
 * @return {Boolean} true if a form action element
 */
const isInput = el => /^(?:input|select|textarea|button)$/i.test(el.nodeName);


// DEMO:
document.querySelectorAll('.foo').forEach(el => console.log(isInput(el)));

<textarea class="foo">test</textarea>
<button class="foo">test</button>
<input class="foo" type="text">
<div class="foo">test</div>
<p class="foo">test</p>

https://github.com/jquery/sizzle/blob/master/src/sizzle.js#L139

Answer 4

$（'＃formid'）。find（'id_element'）;

jquery find

これがお役に立てば幸いです