Opened 10 years ago
Closed 10 years ago
#6030 closed bug (wontfix)
JQuery problems with multiple ID Selectors
| Reported by: | daringdave | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | 1.4.2 |
| Component: | selector | Version: | 1.4.1 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
I'm new ot JQuery, so I'm not sure if this is a bug or intentional. I have 2 parent divs and want to dynamically create a child dialog box inside either without using a Class to identify the HTML elements.
I have the following HTML: <body> <div id="ParentID1">ParentID1 <div id="ChildID1">Child1</div> </div> <div id="ParentID2">ParentID2 <div id="ChildID1">Child1</div> </div> </body>
Notice that the Child Dialog box DIVs have the same ID. Although the Children have the same ID, their Parents DIVs uniquely identify the children DIVs.
JQuery has problem with the following syntax: $('#ParentID1 #ChildID1') $('#ParentID2 #ChildID1')
Example: $('<div>Hello Parent2</div>').insertAfter($('#ParentID2 #ChildID1'));
I have to use the following syntax: $('#ChildID1', '#ParentID1') $('#ChildID1', '#ParentID2') Example: $('<div>Hello Parent1</div>').insertAfter($('#ChildID1', '#ParentID1'));
Change History (1)
comment:1 Changed 10 years ago by
| Component: | unfilled → selector |
|---|---|
| Resolution: | → wontfix |
| Status: | new → closed |
You shouldn't have multiple elements on the page with the same ID (this is invalid HTML). You should probably be using class names instead.