تخزين المعلومات التعسفية في العلامات HTML لجافا سكريبت؟

Question

وسؤال عام جدا.

وأنا توليد حيوي شكل يمكن أن تنقسم إلى عدة مستويات من علامات التبويب باستخدام HTML / جافا سكريبت.

وأريد أن أسلط الضوء على بعض من حقول (تلك التي لديها قيمة مختلفة من قالب عمومي) مع نجم * رمز باستخدام CSS وخلفية الصورة.

وA بالتكرار الحقل JS من خلال كل حقل، يقارن قيمته، ويحدد فئة CSS لذلك إذا لزم الأمر. حتى الان جيدة جدا.

والآن بالإضافة إلى ذلك، أريد ليس فقط كل مجال تغير يتم وضع علامة مع نجوم، ولكن أيضا <م> علامة التبويب هو فيه.

ولأنني أحبه بسيطة، وأود أن تخزين ID عنصر من علامة التبويب كسمة في مكان ما في العلامة HTML كل حقل (شيء من هذا القبيل "parentTab"). وظيفة JS ثم يسلط الضوء على الحقل و "parentTab" عنصر (وربما هذا واحد "parentTab" أيضا).

ونهج لقائي الاول هو إساءة استخدام "عنوان" السمة أو somethiong لتخزين parentTab فيها وبطبيعة الحال، وهذا القذر. ومع ذلك، إذا أنا فقط بعنف إضافة سمات التعسفية إلى DIV أو INPUT العلامة، أنها لن تحقق أي أكثر من ذلك، وأشعر أقل من تأمين الوصول إلى هذه الصفات - الذي يعرف كيف التعامل مع مختلف المتصفحات ذلك، وعلى التعامل معها في المستقبل

وهكذا سؤالي هو: هل هناك والمعايير المتوافقة مع طريقة صالحة - سمة من نوع ما - لتخزين البيانات التعسفية داخل علامات HTML، لمزيد من المعالجة من قبل جافا سكريبت

وبطبيعة الحال، أنا يمكن أن يخلق "parentTabs" JS مجموعة وينبغي القيام به معها. ولكن تخزينه في إدخال نفسه سيكون أكثر من ذلك بكثير أنيقة.

Answer 1

هل يمكن معرفة ما الذي كلفه عنصر حقل ينتمي إلى طريق الكتابة وظيفة isChildOf، مثل هذا: <لأ href = "http://jimkeller.blogspot.com/2008/07/jquery-ischildof-is-element- الطفل of.html "يختلط =" نوفولو noreferrer "> http://jimkeller.blogspot.com/2008/07/jquery-ischildof-is-element-child-of.html

وباستخدام DOM للعمل من ذلك سوف يكون دائما أكثر "أنيقة" من تكرار البيانات في بعض تنسيق مخصص.

Answer 2

ومع الأخذ HTML5، يمكنك استخدام السمات التي تبدأ مع data- ، وأنها سوف لا تزال تحقق.

<input type="text" name="username" data-parentTab="tab1" value="non-default">

Answer 3

والسمة rel وغالبا ما يكون الاختيار صحيحا كبير لتخزين البيانات مثل هذا.

Answer 4

في مسج لديك API بيانات لهذه المسألة. http://docs.jquery.com/Internals/jQuery.data

إذا كنت لا تستخدم مسج، يمكنك إضافة العلامات الخاصة بك وتخزين أي شيء في ذلك. الجميع سوف اقول لكم هذا ليس غيرها لطيفة، ولكن جميع الشركات على شبكة الإنترنت كبيرة يفعلون ذلك. لذلك سوف ينتهي في شركة كبيرة، -)

Answer 5

وأنا أحب كيف فعلت جون ريسيغ هذا: علامة النصي مع نوع التعسفي . مثاله حوالي النموذجيه، ولكن هل حقا يمكن استخدام هذا لشيء.