ある団体のホームページ(cocoon wordpress)を運営しています。
インデックスでタブ一覧を使い、カテゴリー表示切替が出来るようにしています。
しかし、カテゴリー名は年度毎にしているため、
○○○○’24や●●●●’24と文字数が多い名前の為、タブに収まり切れず表示が乱れていました。
本日、javascriptで、タブ表示名を変更しました。
jQuery(function($) {
$(“label:contains(‘○○○○’)”).each(function() {
// 現在のテキストを取得し、正規表現を使って「○○○○」以下の全てを「○○○○」に置き換え
var newText = $(this).text().replace(/○○○○.*/, ‘○○○○’);
// 置き換えたテキストをラベルに設定
$(this).text(newText);
});
});
jQuery(function($) {
$(“label:contains(‘●●●●’)”).each(function() {
// 現在のテキストを取得し、正規表現を使って「●●●●」以下の全てを「●●●●」に置き換え
var newText = $(this).text().replace(/●●●●.*/, ‘●●●●’);
// 置き換えたテキストをラベルに設定
$(this).text(newText);
});
});