Add a class to a href that's set to '#'

不羁的心 提交于 2019-12-13 08:07:51

问题


Is there anyway to automatically add a class to any HREF that is set to a hash (#)?

I am using an auto menu in Concrete5 so can't just hard code it in unfortunately.

I'm going to take a guess and say that it will be JavaScript/jQuery that will have to be used?

Thanks in advance!


回答1:


Do like this,

$('a[href="#"]').addClass('className');

Here in the above code we have used attribute equals selector.




回答2:


You may try to use

$('a[href$="#"]').addClass('className');

Check the docs for options of attribute selector:

    Attribute Contains Prefix Selector [name|="value"]
    Selects elements that have the specified attribute with a value 
    either equal to a given string or starting with that string followed 
    by a hyphen (-).

    Attribute Contains Selector [name*="value"]
    Selects elements that have the specified attribute with a 
    value containing the a given substring.

    Attribute Contains Word Selector [name~="value"]
    Selects elements that have the specified attribute with a value
    containing a given word, delimited by spaces.

    Attribute Ends With Selector [name$="value"]
    Selects elements that have the specified attribute with a 
    value ending exactly with a given string. The comparison is case sensitive.

    Attribute Equals Selector [name="value"]
    Selects elements that have the specified attribute with a 
    value exactly equal to a certain value.

    Attribute Not Equal Selector [name!="value"]
    Select elements that either don’t have the specified attribute, 
    or do have the specified attribute but not with a certain value.

    Attribute Starts With Selector [name^="value"]
    Selects elements that have the specified attribute with a 
    value beginning exactly with a given string.

    Has Attribute Selector [name]
    Selects elements that have the specified attribute, with any value.

    Multiple Attribute Selector [name="value"][name2="value2"]
    Matches elements that match all of the specified attribute filters.



回答3:


Try below code its easy

$('a[href*="#"]').addClass('Class');

Demo here JSFiddle

Hope it helps...



来源:https://stackoverflow.com/questions/24674304/add-a-class-to-a-href-thats-set-to

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!