【问题标题】:How to select two elements inside a div in jquery如何在jquery中选择一个div内的两个元素
【发布时间】:2016-05-05 06:32:41
【问题描述】:

我有一个类为 footer-contact 的 div,在该 div 中,我有几个 inputtextarea 元素。我想清空他们的文字。我尝试使用以下选择器,但它不起作用。我做错了什么?

$(".footer-contact input[type=text] textarea").val('');

【问题讨论】:

    标签: jquery jquery-selectors


    【解决方案1】:

    您可以使用Multiple Selector (“selector1, selector2, selectorN”)

    $(".footer-contact input[type=text], .footer-contact textarea").each(function(){
        this.value = "";
    });
    

    【讨论】:

    • 这是正确答案!接受的答案是错误的,因为它将选择所有 footer-contact 类、所有 textareas 和所有输入文本,而不是 footer-contact 类中的元素
    【解决方案2】:

    $(".footer-contact,input[type=text],textarea").val('');
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <input type='text' class='footer-contact' value='asdas'>
    <input type='text' value='asdas'>
    <textarea>asdas</textarea>
    1. 加逗号
    2. 如果没有逗号,它将寻找孩子

    【讨论】:

    • 我有一个困惑,这会选择所有 textarea 元素还是只选择 footer-contact 中的元素?
    • 这将选择具有类 footer-contact 的元素,所有 textarea ,所有输入类型 text @HumaAli
    【解决方案3】:

    这对我有用

    var val1 = document.getElementsByTagName("input")[4];
    var val2 = document.getElementsByTagName("input")[5];
    $([val2, val1]).keyup(() => { }
    

    【讨论】:

      猜你喜欢
      • 2015-12-06
      • 1970-01-01
      • 2021-10-03
      • 1970-01-01
      • 2015-12-06
      • 1970-01-01
      • 1970-01-01
      • 2010-12-04
      • 1970-01-01
      相关资源
      最近更新 更多