Question

我想在div中获取各种html元素。这次我在使用下面的jQuery选择器时尝试获取输入类型并在div中选择框。

$('#1 input, select')

它还提供了来自其他select的所有div框。

但我想只针对一个div并获得所有类型的元素。我该怎么做？以下是我的代码：

<div id="1">
    <input type="text" id="2">
    <select id="123">
        <option value="template">template</option>
    </select>
</div>

<div id="3">
    <input type="text" id="4">
    <select id="456">
        <option value="template">template</option>
    </select>
</div>

<div id="5">
    <input type="text" id="6">
    <select id="789">
        <option value="template">template</option>
    </select>
</div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>

Answer 1

它提供了所有选择框，根据您的语句第二选择器$('select')执行正常行为并选择文档中的所有select元素。

您需要设置select的上下文，这可以通过各种方式完成。比如使用:input选择器。

选择所有输入，textarea，select和button元素。

$('#1 :input')

OR

您可以使用.find()

获取当前匹配元素集中每个元素的后代

$('#1').find("input,select")

OR ，Multiple Selector (“selector1, selector2, selectorN”)，此处单独使用后代选择器

$('#1 input, #1 select')

Answer 2

$('input, select', '#1')

在范围内查找内容的最简单方法。

Answer 3

你可以试试这个

$('div#1 input, div#1 select')

获取输入并在div中选择框元素

3 个答案: