How can I specify multiple selector jquery

Question

This is my html code:

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

I need to do something to read the values in these fields. So I wrote my jquery code:

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

How I can select something like this? Can anyone help me?

Answer 1

For selecting multiple items use comma in between them

<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>

Answer 2

Use a comma between two selectors when you are selecting based on multiple criteria. A simple example is:

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

Your example:

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

See Multiple Selector (“selector1, selector2, selectorN”)

Answer 3

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

How can I specify multiple selector jquery

Question

3 answers

solution1
2 ACCPTED 2016-02-12 16:17:13

solution2
1 2016-02-12 16:12:58

solution3
1

How can I specify multiple selector jquery

Question

3 answers

solution1 2 ACCPTED 2016-02-12 16:17:13

solution2 1 2016-02-12 16:12:58

solution3 1

solution1
2 ACCPTED 2016-02-12 16:17:13

solution2
1 2016-02-12 16:12:58

solution3
1