在jquery joomla中获取具有特定模式的类名的元素

时间:2014-06-13 03:26:51

标签: javascript jquery joomla

我使用的是Joomla CMS应用程序。显然我们的开发人员之一使用的是Firefox,并且有一个Skype点击呼叫分机。每当他更改内容时,由于某种原因,Skype点击调用代码就会随之而来。由于我不能帮助开发人员删除所有代码,我决定使用jquery来过滤掉所有带有“skype”的类名,但我不知道应该使用什么代码。

以下是这些类名的一些示例:

class="skype_c2c_logo_img"
class="skype_c2c_highlighting_inactive_common"
class="skype_c2c_container notranslate"

我是否可以使用类名“skype”调用所有元素?

这是我打算为内容做的事情:

$(document).ready(function(){

????? // what code to call  
???.hide();

});

但是我不知道获取包含单词“skype”的所有类的代码是什么。

4 个答案:

答案 0 :(得分:1)

This jQuery selector有效:

$(document).ready(function(){
    $("*[class*=skype_c2c]").hide();
});

jsFiddle

答案 1 :(得分:0)

试试这个,

课程以skype_

开头
$(document).ready(function(){

$("[class^='skype_']").hide();

});

包含skype_

的类
 $(document).ready(function(){

    $("[class*='skype_']").hide();

    });

希望它有效..

答案 2 :(得分:0)

您可以使用starts with selector

$("[class^='skype_c2c_']").hide();

答案 3 :(得分:0)

这对我有用...... 我需要确保保留了实际的电话号码。 (奇怪的是,它似乎在IE 11中不能始终如一地工作......但在所有其他浏览器中都能很好地工作。)

    //REMOVE SKYPE ELEMS - This makes assumptions based on current skype elem classes
    function removeSkype() {
        try {
            var topSkypeElem = $(".skype_c2c_highlighting_inactive_common"); //find the topmost skype container
            var innerContentContainer = $('.skype_c2c_text_span');
            var innerContent = $(innerContentContainer).html(); //get phone number from existing skype elem
            var newSpan = $("<span></span>)"); //new elem to hold phone number
            $(newSpan).html(innerContent); //Create a new span with the phone number
            $(newSpan).insertBefore(topSkypeElem); //insert the phone number before the skype elems
            $(topSkypeElem).remove(); // remove the top skype elem
        }
        catch (e) {
            console.log(e.message);
        }
    }