Question

In jQuery space denotes AND condition “,” denotes OR condition, Is that right? But I am facing issues in that. Here is my sample html code

<td id="4">
    <div id="test1" class="test1"></div>
    <div id="test2" class="test2"></div>
</td>
<td id="5">
    <div id="test1" class="test1"></div>
    <div id="test2" class="test2"></div>
</td>

If I use the following query, it works

jQuery('#4 [id*=test1]')

it selects the correct div. However, if I use this query,

jQuery('#4 #test1')

it doesn’t work. Any Idea?

Answer 1

It is not valid to have duplicate ids within the same document.

If you are building this dynamically then try prepending the parent id to the child so it would be like:

<td id="r4">
    <div id="r4_test1" class="test1"></div>
    <div id="r4_test2" class="test2"></div>
</td>
<td id="r5">
    <div id="r5_test1" class="test1"></div>
    <div id="r5_test2" class="test2"></div>
</td>

Note, starting an ID with a number is also invalid, so I took the liberty to prepend “r” to your row ids.

I would recommend using the selector:

$('#r5 .test1')