JQuery basic selector usage and non unique element ID -


I'am maintaining a GUI created using JQuery In a section of the GUI, several Tabs can be opened.

When a new tab is opened, the first tab material is made by cloning the device and updating the input field in the divas. / P>

A unique ID based on the new tab tab index, but all other IDs in the clone tab div are similar to the original tab div.

Now, it seems that since the problems arose the ID is not very unique. When an input field works on Firefox 3.6.8, the following works: 

  $ ('# tabs-2 #scriptName'). Val (data.name);

This selects the tab div with the ID tab, and then selects the input field in that device with the id script name and sets its value. Now it does not work on Chrome or Firefox 3.0.19.

DOM Hirari looks like this 

   ... & lt; / Div & gt; ... & lt; Div id = "tab-2" & gt; ... & lt; Input id = "scriptname" /> ... & lt; / Div & gt; & Lt; / Div & gt;

A solution all ID will have to make the content tab to the clone tab unique, but it seems that a ferocious force like a aproach does not require a unique ID The content should be known without the need for a separate ID.

When creating a new tab, cloning the entire box is definitely a crude hack, and more beautiful solutions will have to reuse the same div, but the content must be changed based on the selected tab, but Similarly, it has been created and unfortunately it was developed and later tested using the Firefox browser, where this selector worked.

Edit Pre-Edit

I have got many related questions with those questions which have indicated how to solve it When I put my offline-edited question, but I post this question anyway because good suggestions for its way of solving are always welcome.

Edit

I'm just trying to class, I have a problem though, using labels for some input field attributes Specify a specific ID, especially for the attribute. But it can be solved by excluding that attribute and by making the input field nested element.

IDs are unique identifiers when you present a duplicate ID, you have an invalid on your own The document is.

The best way to go around this is to avoid using any clone that is going to be the ID. Instead, use a "unique" class name to identify the element. Then, when it is cloned, you can run under every DOM in the class. There are many good dome traversal ways of jQuery for this.

Additionally: .children () , .parent () , .parents () , and .siblings () are particularly useful, I want to stay away from the .find () Can not help. .find () may be slow if you are searching multiple nodes from multiple domes since you are creating an interface, so this could be the case.


-

Comments

Post a Comment

Popular posts from this blog

Eclipse CDT variable colors in editor -

I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
Read more

AJAX doesn't send POST query -

$ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
Read more

wpf - Custom Message Box Advice -

Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
Read more