如何指定多个选择器jquery

时间:2016-02-12 16:10:25

标签: javascript jquery

这是我的HTML代码:

<input type="text" id="home">
<input type"text" id="dog">

我需要做一些事情来阅读这些字段中的值。所以我写了我的jquery代码:

//this code is wrong because it doesn't work
$('input[type="text"][id="home"] input[type="text"][id="dog"]')....

我如何选择这样的东西?任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:2)

要选择多个项目,请在它们之间使用逗号

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>

    $(document).ready(function () {

        $('#home, #dog').val("hello");
    });
</script>
</head>

<body>

 <input type="text" id="home">
<input type"text" id="dog">
</body>

</html>

答案 1 :(得分:1)

根据多个条件选择时,在两个选择器之间使用逗号。一个简单的例子是:

$("#element1, #element2, #element3")

你的例子:

$('input[type="text"][id="home"], input[type="text"][id="dog"]')

请参阅Multiple Selector (“selector1, selector2, selectorN”)

答案 2 :(得分:1)

你应该使用$('#home, #dog');