blocks|key|5439651|text|val()与<input>、<select>和<textarea>元素一起工作得同样好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5439652|如果您仍然希望确定:input选择器匹配的元素的实际类型，则可以结合使用is()和element+selectors|5439653|$(":input").each(function()+{
++++var+$this+=+$(this);
++++if+($this.is("input"))+{
++++++++//+<input>+element.
++++}+else+if+($this.is("select"))+{
++++++++//+<select>+element.
++++}+else+if+($this.is("textarea"))+{
++++++++//+<textarea>+element.
++++}
});|code-block|syntax|javascript|5439654|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/val/|1|http://api.jquery.com/is/|2|http://api.jquery.com/element-selector/^0|6|7|E|8|N|A|0|5|0|0|9|6|10|4|1|15|H|2|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]|$9|1E|A|1F|1|1G]]|E|$]]|$1|H|3|I|5|J|7|1H|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]|W|$5|P|Q|R|E|$S|X]]]]

<p><a href="http://api.jquery.com/val/" rel="noreferrer">val()</a> works equally well with <code>&lt;input&gt;</code>, <code>&lt;select&gt;</code> and <code>&lt;textarea&gt;</code> elements.</p>

<p>If you still want to determine the actual type of elements matched by the <code>:input</code> selector, you can use <a href="http://api.jquery.com/is/" rel="noreferrer">is()</a> with <a href="http://api.jquery.com/element-selector/" rel="noreferrer">element selectors</a>:</p>

<pre><code>$(":input").each(function() {
    var $this = $(this);
    if ($this.is("input")) {
        // &lt;input&gt; element.
    } else if ($this.is("select")) {
        // &lt;select&gt; element.
    } else if ($this.is("textarea")) {
        // &lt;textarea&gt; element.
    }
});
</code></pre>


blocks|key|1002810|text|您应该能够使用jQuery的.is()函数--只需将选择器传递给.is()，如果元素与选择器匹配，它将返回true。因此，要查看您是否有一个文本区域，您只需检查：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1002811|if($(this).is("textarea"))+{+doStuff();+}|code-block|syntax|javascript|1002812|http://api.jquery.com/is/|offset|length|1002813|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|P|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

<p>You should be able to use jQuery's .is() function - just pass a selector to .is() and it will return true if the element matches the selector. So, to see if you had a textarea, you would just check:</p>

<pre><code>if($(this).is("textarea")) { doStuff(); }
</code></pre>

<p><a href="http://api.jquery.com/is/" rel="nofollow">http://api.jquery.com/is/</a></p>


blocks|key|1000119|text|看看nodeName属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1000120|jQuery(id).children().map(function(){
++++console.log(+children[i].nodeName.toLowerCase()+);
});|code-block|syntax|javascript|1000121|您可以但不一定要使用jQuery中的is方法(这里是开销)。|1000122|entityMap^0|2|8|0|0|I|2|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<p>Look at the <code>nodeName</code> property.</p>

<pre><code>jQuery(id).children().map(function(){
    console.log( children[i].nodeName.toLowerCase() );
});
</code></pre>

<p>You can but don't have to use the <code>is</code> method from jQuery (overhead here).</p>


blocks|key|5439583|text|$.val()既适用于输入，也适用于文本区域。对于像div这样本身没有“值”的东西，你只需要$.text()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5439584|entityMap^0|0|7|1A|8|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p><code>$.val()</code> works for both inputs and text areas. You only need <code>$.text()</code> for things like divs that don't have a "value" per se.</p>


blocks|key|5155685|text|您是否在寻找$(children[i]).attr("tagName");，它返回元素的标记，可以是select、input或textarea？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5155686|entityMap^0|6|V|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Are you maybe looking for the <code>$(children[i]).attr("tagName");</code> , which returns the tag of the element, either being select, input, or textarea?</p>


blocks|key|5439714|text|查看jQuery的文档，您可以使用$(:input)：http://api.jquery.com/input-selector/轻松地获得所有表单输入|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5439715|5439716|描述:选择所有的输入、文本区、选择和按钮元素。:input选择器基本上选择所有表单控件。|blockquote|5439717|5439718|5439719|.val()也适用于文本区域，但有一个警告...请参阅文档以供参考：http://api.jquery.com/val/|5439720|在我写这篇文章的时候，Frederic发布了他的答案，他使用is()的解决方案肯定得到了证明。|5439721|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/input-selector/|1|http://api.jquery.com/val/^0|H|9|R|11|0|0|0|0|0|0|0|6|Y|Q|1|0|U|4|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]]|E|$]]|$1|F|3|-4|5|6|7|15|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|16|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|17|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|18|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|N|3|O|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|S|T|U|E|$V|Y]]]]

<p>Looking at the documentation for jQuery, you can easily get all the form inputs using <code>$(:input)</code> : <a href="http://api.jquery.com/input-selector/" rel="nofollow">http://api.jquery.com/input-selector/</a> </p>

<blockquote>
  <p>Description: Selects all input, textarea, select and button elements.
      The :input selector basically selects all form controls.</p>
</blockquote>

<p><code>.val()</code> also works with text areas, but there is a caveat ... see the docs for reference:
<a href="http://api.jquery.com/val/" rel="nofollow">http://api.jquery.com/val/</a></p>

<p>Frederic posted his answer as I was writing this, and his solution of using <code>is()</code> certainly proves out. </p>


<p>I wish to iterate through a form, adding each element to an area. The problem is that some of these elements are select, input, and textboxes. I know that I can use <code>:input</code> to solve the problem here (though, I don't really need to). The issue is that I'm having trouble determining how I could see whether or not the element is a textarea, input, select, etc. I need to do this properly because, as far as I know, <code>jQuery("input#someinput").val()</code> works great for inputs, but for a textarea I may need <code>jQuery("textarea#sometexarea").text()</code>. I'm not sure if this exists...</p>

<p>Anyway, here's my function so far:</p>

<pre><code>function getAllFormElements(id) {

    var elements = new Array();

    jQuery(id).children().map(function(){

        for (var index = 0; index &lt; children.length; index++) {

            elements[i] = jQuery(children[i]).val();

        }

    })

        return elements;
}
</code></pre>


determining input vs textarea in jQuery

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我希望遍历一个表单，将每个元素添加到一个区域。问题是其中的一些元素是选择、输入和文本框。我知道我可以使用:input来解决这里的问题(不过，我真的不需要这样做)。问题是我很难确定如何判断元素是否是文本区域、输入、选择等。我需要正确地这样做，因为据我所知，jQuery("input#someinput").val()对于输入非常有效，但是对于文本区域，我可能需要jQuery("textarea#so

问在jQuery中确定输入与文本区域
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中确定输入与文本区域EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中确定输入与文本区域
EN