將ID顯示爲：CLASS之後？

-1

#fp-nav{display:none} 
 
.submenu:after{content:"I WANT #fp-nav HERE"}

<div class="submenu"> </div> 
 
<div id="fp-nav">01/52</div>

比方說，我有一個ID計數器每次更新區間變化：01/XX，02/XX等等...

我怎樣才能保持該ID從隱藏頁面，讓它看起來像一個：CLASS之後？

謝謝！

來源

2016-11-07 Federico

目前還不清楚你在問什麼。也許如果你展示了一些代碼。 – epascarello

@epascarello我知道這很難解釋。看看插入的代碼。 – Federico

不知道如果我得到了你想要完成的事情，因爲epascarello說，它不清楚！

body{ 
 
    counter-reset: paragraph; 
 
} 
 
p::before { 
 
    counter-increment: paragraph;     
 
    content: "Paragraph " counter(paragraph) ": "; 
 
}

<p>Name</p> 
 
<p>Last Name</p> 
 
<p>Phone #</p> 
 
<p>Address</p>

來源

2016-11-07 15:39:00 Gacci

您可以通過styleSheets collection操縱的CSS規則的樣式屬性：

// Get the rule's stylesheet and index 
 
let ruleIndex = -1; 
 
let sheet = null; 
 
let sheetRules = null; 
 
Array.from(document.styleSheets).some(s => Array.from(s.rules || s.cssRules).some((rule, index) => { 
 
    if (rule.selectorText == ".foo::after") { 
 
    sheet = s; 
 
    sheetRules = sheet.rules || sheet.cssRules; 
 
    ruleIndex = index; 
 
    return true; 
 
    } 
 
})); 
 

 
// Update it periodically 
 
let id = 0; 
 
setInterval(() => { 
 
    ++id; 
 
    sheet.deleteRule(ruleIndex); 
 
    ruleIndex = sheet.insertRule('.foo::after { content: "' + id + '"; }', ruleIndex); 
 
}, 250);

.foo::after { 
 
    content: 'foo'; 
 
}

<span class="foo"></span>

你曾經是能夠改變規則的樣式屬性，但它們是隻讀的，所以現在你必須刪除舊規則並添加一個新規則。

來源

2016-11-07 15:43:12

有通過Jquery的一個解決方案，你可能不能夠針對僞類，如：之後，但你就可以將其添加在子菜單div標籤

//get value from the id 
var k = $('#fp-nav').text(); 

// remove the element 
$('#fp-nav').remove(); 
//add the value inside submenu i just gave it a class value you can change it as per your need 
$(".submenu").append("<div class='idval'>"+k +"</div> ");

來源

2016-11-07 17:22:37

將ID顯示爲：CLASS之後？

回答

相關問題