フロントページのWordpressテーマのセクションを再配置する必要があるプロジェクトに取り組んでいます。セクションは、ページの編集時にページ コンポーザーで動的に生成されます。フロントページに影響を与えるだけです。郵便番号ごとに適用できるプラグインを既にインストールしていますが、マークアップがすべて同一であるため、これらのセクションを個別に選択する方法がわかりません。jQueryを使用してコンテンツに基づいて選択できることは知っていますが、実際のコンテンツは非常に深くネストされているため、現在使用しているコードが正しいかどうか、変更する必要があるか、別の方法でアプローチする必要があるかさえわかりません.
完成したモックアップと元のレイアウトはこちらにあります: http://imgur.com/a/ZPpMT
私が調整するために使用しているコード (フィラー コンテンツを除く) は次のとおりです: http://pastebin.com/JCtsSxJj
コード ブロックに貼り付けるには長すぎました。
jQuery Docsを使用して作成した次のjqueryを使用しています。それは私のために働いているようには見えません。
(function($) {
$(".home-section .section-header .title span:contains('Category A')").css('background-color', 'blue', 'important');
})(jQuery);