jQuery技术:使用jQuery获取类中不同类型的输入

假设我在JavaScript中有一个jquery函数,到目前为止我有这个代码,这很好用:

jQuery('div[class="someClass"] input[type="text"]').each( function() { //some code} . . .

在上面的代码中,我如何定位多种类型的输入,如textArea,下拉列表等。我是jQuery的新手,所以我不知道谷歌搜索没有带来任何相关的格式! 请帮忙。

    如果您乐意选择所有这些类型的后代元素:

    你可以使用:input选择器 。

     jQuery('div.someClass :input').each(function() {... 

    否则,你可以使用多重选择器在一个大选择器中执行此操作,正如Niklas建议的那样。 最后一个选项是通过使用两个选项来缩短它。 这可能会稍慢,但会更具可读性:

     jQuery('div.someClass').find('input[type="text"], select, textarea').each(function(){... 

    请注意,我使用了类选择器使您的选择器更整洁。

    用逗号分隔它们:

     jQuery('div[class="someClass"] input[type="text"], div[class="someClass"] textarea, div[class="someClass"] select').each( function() { //some code} 

    试试这个:

     jQuery('div[class="someClass"] :input').each(function(){ //Do Something.. }) 

    要避免按钮元素尝试:

    需要了解更多jQuery教程分享使用jQuery获取类中不同类型的输入,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)

     jQuery('div[class="someClass"] :input:not(:button)').each(function(){ //Do Something.. }) 

      以上就是jQuery教程分享使用jQuery获取类中不同类型的输入相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(计算机技术网)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请点击右边联系管理员删除。

      如若转载,请注明出处:https://www.ctvol.com/jquerytutorial/982870.html

      (0)
      上一篇 2021年12月14日
      下一篇 2021年12月14日

      精彩推荐