سؤال

وأنا أحاول الحصول على مسج لتسليط الضوء على عنصر على أساس محدد ID الارتباط

لمثال

<اقتباس فقرة>
<a href="#thisid">Goto Element with ID name</a>

ويبرز عنصر أدناه.

<اقتباس فقرة>
<div id="thisid" class="isNowHighlighted">FooIsCoolButNotBetterThenBar</div>

وحاول رابعا تبحث عن الإضافات ذات الصلة ولكن لا فرح. أي أفكار؟

هل كانت مفيدة؟

المحلول

ولذا أردت فقط لإضافة فئة؟

jQuery('a[href^=#]').click(function(){
    var id = this.hash.replace('#','');
    $('#' + id).addClass('isNowHighlighted');
});

وتحرير:

في الرد على تعليقك. هل يمكن أن تفعل الشيء نفسه عند تحميل الصفحة:

$(document).ready(function(){
    if (window.location.hash) {
        $('#' + window.location.hash.replace('#','')).addClass('isNowHighlighted');
    }
});

نصائح أخرى

ومنذ #thisId ليس لمستثمر رئيسي، انها نوع من معنى ذلك أود أن تفعل ذلك مثل:

<a data-highlight="thisid" href="#">Goto ..</a>

$('a[data-highlight]').click(function(event){
    $('#' + $(this).data('highlight')).addClass('isNowHighlighted');
    event.preventDefault();
});
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top