Javascript jQuery和选择器与特定的span标记一起使用 jQuery选择器 选择特定的跨度标记

Javascript jQuery和选择器与特定的span标记一起使用 jQuery选择器 选择特定的跨度标记,javascript,jquery,html,selector,html-manipulation,Javascript,Jquery,Html,Selector,Html Manipulation,我对jQuery的选择器有这个问题。这是一个长达数小时的问题。它无法选择我想要操纵的特定跨度标记,这就是为什么我一直用这个来抓我的头 我的目标是为每个具有不同样式值的span标记添加不同的类。 因此,我几乎成功了,因为我不知道如何向每个span标记添加不同的类,所以我最终一窍不通 我基本上希望字号为180%的跨度在一个特定的类中,这并不重要,因为如果代码正常,我可以在以后更改它。字体大小为100%的另一个span标记也应该有一个类,另一个类。我希望你能更清楚地了解我现在要做的事情,至少这是我所希

我对jQuery的选择器有这个问题。这是一个长达数小时的问题。它无法选择我想要操纵的特定跨度标记,这就是为什么我一直用这个来抓我的头

我的目标是为每个具有不同样式值的span标记添加不同的类。 因此,我几乎成功了,因为我不知道如何向每个span标记添加不同的类,所以我最终一窍不通

我基本上希望字号为180%的跨度在一个特定的类中,这并不重要,因为如果代码正常,我可以在以后更改它。字体大小为100%的另一个span标记也应该有一个类,另一个类。我希望你能更清楚地了解我现在要做的事情,至少这是我所希望的

代码存在于下面的链接中,可以随意发布修复程序,但不需要解释为什么它不起作用!多谢各位

jQuery提交:

下面是代码本身

    var val1 = "font-size: 180%";
    var val2 = "font-size: 100%";
    var title = $("span").attr("style");
    
    $(function(){
    if ($("span:contains('font-size: 100%')")) {
      $('span').addClass("text_shadow2");
      if ($('span').has("text_shadow1")) {
         $('span').removeClass("text_shadow1");
      }
    }
        if ($("span:contains('font-size: 180%')")) {
           $('span').addClass("text_shadow1");
           if ($('span').has("text_shadow2")) {
               $('span').removeClass("text_shadow2");
           }
        }
        },function(){
        if ($("span:contains('font-size: 100%')")) {
        $('span').addClass("text_shadow2");
        if ($('span').has("text_shadow1")) {
              $('span').removeClass("text_shadow1");
           }
        }
        if ($("span:contains('font-size: 180%')")) {
        $('span').addClass("text_shadow1");
            if ($('span').has("text_shadow2")) {
               $('span').removeClass("text_shadow2");
               }
        }
    });

    if ($(val1==title)) {alert("1. "+title);} 
    if ($(val2==title)) {alert("2. "+title);}

您可以这样做来解析style属性。浏览器不会将字体大小属性设置为某个百分比,而是会进行计算

$('span').filter(function(){
    return $(this).attr('style').match('180%');
}).addClass('someClass');

演示:

请更具体地说明您希望代码执行的操作。您必须说明选择时需要帮助的具体操作。
:contains
只检查元素中的文本,而不是样式。我尝试了jQuery中的.attr(),但奇怪的是,它无法检查值。hasAttr jQuery插件不见了,到处都找不到。我听说很好。然而,我需要一个解决办法。我在任何方面都不是专家,但遗憾的是,这是我所能做到的。似乎我真的不允许在某些页面上表达自己?最高级别的独裁统治。为什么有些人对我如此邪恶?我发布了有效的反馈,这是什么?我真的不喜欢这个网站上的一切,你真的应该为自己感到羞耻。我要离开这个可怜的网站,再见!