動態讀取類名和一對/追加匹配的div

我已經看了關於可單獨做隱約相同的任務很多帖子，我得到的基本概念，但我不知道如何把它一起到一個乾淨的腳本。我認爲最棘手的部分是從div中獲取某個類名，解析該某個類名，並將其與另一個具有匹配字母順序的類名匹配。動態讀取類名和一對/追加匹配的div

的情況下，爲了清楚而簡化：多班/獨立的父母很多動態的div：

<!— visible - holds filterable portfolio grid of logos —> 
<div id="portfolioGrid"> 
    <div class=「 portfolio_item project_tag-client_name 」 > Logo </div> 
    <div class=「 portfolio_item project_tag-diff_client_name 」 > Logo </div> 
    <div class=「 portfolio_item project_tag-other_client_name 」 > Logo </div> 
</div> 

<!— invisible separate div, holds tooltip contents —> 
<div id="tooltips" style=「display:none」> 
    <div class=「 portfolio_tooltip info_client_name 」 > Project Info </div> 
    <div class=「 portfolio_tooltip info_diff_client_name 」 > Project Info </div> 
    <div class=「 portfolio_tooltip info_other_client_name 」 > Project Info </div> 
</div>

我想：

1）動態查找類全類名是包含「project_tag -...」。換句話說，「查找與類的div‘project_tag- 什麼’只需要一個類，特別是什麼變種 - WordPress的補充‘’前綴

2）查找DIV中「project_tag- #tooltips」相匹配的‘info_ 任何’。

3）追加‘info_client_name’匹配內部的div‘project_tag-CLIENT_NAME’的div。

4）盡一切動態不知道一個CLIENT_NAME使得它創造了一個新的投資項目/提示時自動發生。最好用jQuery/JS。

這樣做的原因是這樣的話，我可以給我的非COMP-saavy客戶容易/清除編輯模塊WP，可以更容易地CSS操作對我來說，再加上使其幾乎自動的，只要類client_names匹配。我已經有用於加載每個相應的info_content和懸停彈出一個提示/輕按一個標誌，但有單獨下他們的父母對CSS複雜的事情。

而且，隨時讓我知道這樣做的更好辦法，也許我在想它。我挖掘學習。

來源

2015-12-31 pseudojk

對於你的問題，我想我最好得到答案。

回答1

$('[class^="project_tag-"]').css('color', 'red');

回答2

$('#tooltips [class^="info_"]').css('color', 'red');

答案3

$("[class='info_client_name']").appendTo($("[class='project_tag-client_name']"));

回答4

您可以動態更換client_name。

來源

2015-12-31 04:06:35 Hemal

謝謝你的努力。我可以肯定地用jQuery「手動」地移動它們，但是我想用一個使用RegEx或其他東西來匹配匹配名稱並將div放在一起的腳本來自動執行它。我會附上截圖/圖表來進一步澄清。 – pseudojk

這將是一個非常有用的腳本，我可以重新調整其他地區/項目。 – pseudojk

動態讀取類名和一對/追加匹配的div

回答

相關問題