更改背景顏色：之後 - JQuery

我試圖改變：之後，使用JQuery的顏色，雖然我似乎無法改變它，任何人都可以指向正確的方向請？更改背景顏色：之後 - JQuery

<script> 
    $(document).ready(function() { 
     $(".breadcrumb li:nth-child(1) a").css({'background-color' : '#f00'}); // Works 
     $(".breadcrumb li:nth-child(1):after ").css({'background-color' : '#f00'}); // Does not work? 
    }); 
</script>

我試過使用幾個選擇器，但我找不到正確的。提前致謝。

來源

2014-02-06 Harry Torry

試試這個'$的顏色。（「.breadcrumb李：第n個孩子（1）」）後（ $（「.breadcrumb李：nth-child（1）」）。css（{'background-color'：'＃f00'}））;' – Amit

試試這個，

CSS

.li-active-after a{background-color : #f00; } 
.li-active-after:after{background-color : #f00; }

jQuery的

$(document).ready(function() { 
    $(".breadcrumb li").removeClass('li-active-after'); 
    $(".breadcrumb li:nth-child(1)").addClass('li-active-after'); 
});

來源

2014-02-06 09:28:41

您無法操作：之後，因爲它在技術上並非DOM的一部分，因此無法通過任何JavaScript訪問。但是你可以在指定後添加一個新的類。通過使用JQuery：（後）

CSS

.breadcrumb li:nth-child(1) .test:after { 
    border-top-width: 22px; 
    border-left-width: 22px; 
    border-right-width: 22px; 
}

$('.breadcrumb li:nth-child(1)').toggleClass('test');

Taken from this answer

來源

2014-02-06 09:25:58 Albzi

如果此答案有用，請投票原始！ – Albzi

你不能改變的風格。但你可以通過你使用，你可以使用JQuery

<div class="mydiv_1"></div> <div class="after_div"></div> 
<div class="mydiv_2"></div> <div class="after_div"></div>

可以適應這個例子對你的代碼/腳本處理它的DIV之後插入DIV在HTML解決它;）

來源

2014-02-06 09:27:35

而不是添加另一個div來替換：在使用其他選擇器之後，只有使用class纔有更好的解決方案。這jsfiddle 點擊灰色框，它會增加一個class到div的，這將改變其:after

來源

2014-02-06 09:43:32 AzDesign

更改背景顏色：之後 - JQuery

回答

相關問題