محددات CSS في Javascript مع جميع علامات H

Question

باستخدام مكتبة Prototype JS، أريد تحديد كافة عناصر الارتباط التابعة (أ العلامات) بغض النظر عما إذا كان والدهم هو: H1, H2, ح3, H4, ، أو ح5 (الخ) مع بسيطة قاعدة محدد CSS (على عكس المزيد من JS، مثل الحلقات وما إلى ذلك).

لذا فإن الطريق البسيط، ولكن الطويل، للقيام بذلك هو:

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

أعتقد أنني أبحث عن خاصية بدل، مثل h*، غير موجودة.

ربما يكون المثال أعلاه هو الحل المناسب، لكنني آمل أن تكون هناك طريقة أبسط وأكثر إيجازًا وفعالية للقيام بذلك.

نصائح موضع تقدير.

Answer 1

وفقًا لتعليق Fabien Ménager على السؤال الأصلي، يبدو أنه لا يوجد محدد CSS بسيط يمكنني استخدامه بخلاف ما أستخدمه بالفعل.

$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

في حين أن هناك خيارات أخرى إذا كنت أرغب في أن أكون برمجيًا حيال ذلك، أو أفرغ JQuery (وهو ليس خيارًا بالنسبة لي)، فأنا أبحث على وجه التحديد عن قاعدة CSS.

شكرا لكل من حاول المساعدة.

Answer 2

باستخدام مسج:

$(":header a")

Answer 3

http://docs.jquery.com/Selectors/header يقول:

:header يطابق جميع العناصر التي تمثل رؤوسًا، مثل h1 وh2 وh3 وما إلى ذلك.

يضيف لون الخلفية والنص لجميع الرؤوس الموجودة في الصفحة.

$(":header").css({ background:'#CCC', color:'blue' });

Answer 4

حصلت على إجابة لهذا من المطورين النموذج الأولي.هذه هي الحلول الأفضل والوحيدة، في الوقت الحالي على الأقل:

$$('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a')
$('page').select('h1 > a, h2 > a, h3 > a, h4 > a, h5 > a')

ومع ذلك، فإن الإصدار التالي من Prototype سيتيح لك اختيار محرك محدد وسيتم تعيينه افتراضيًا همسة.ال :header يعد المحدد الزائف في الواقع جزءًا من Sizzle لذا سيكون متاحًا في الإصدارات المستقبلية من النموذج الأولي (طالما اخترت sizzle كمحرك التحديد الخاص بك).أعتقد أنه لم يتم تضمينه مسبقًا لأنه ليس جزءًا من أي مواصفات.