$.MTAppSlideMenuV2() を利用しているときに、メニューにブログIDを表示させたいときがあります。

$.MTAppSlideMenuV2() を使っていなければ、BlogIDViewer プラグイン: 小粋空間を利用すれば実現できますが、MTAppSlideMenuV2 と BlogIDViewer プラグインは併用することができません。

そのようなときは、 $.MTAppSlideMenuV2() を実行したコードの下に下記のようなコードを入れれば、MTAppSlideMenuV2 だけでもブログIDを表示することができます。

$('#mtapp-slidemenu-v2').find('div.scope-list.website a.scope-link').each(function(){
  var blogId = $(this).attr('data-blog-id');
  var blogName = $(this).text();
  $(this).text(blogId + ':' + blogName);
});

このコードだと「1:MTAppjQUery」といった書式になります。その他の書式にする場合のコードを参考までに掲載しておきます。

// [ID] ブログ名
$('#mtapp-slidemenu-v2').find('div.scope-list.website a.scope-link').each(function(){
  var blogId = $(this).attr('data-blog-id');
  var blogName = $(this).text();
  $(this).text('[' + blogId + '] ' + blogName);
});
// ブログ名(ID)
$('#mtapp-slidemenu-v2').find('div.scope-list.website a.scope-link').each(function(){
  var blogId = $(this).attr('data-blog-id');
  var blogName = $(this).text();
  $(this).text(blogName + '(' + blogId + ')');
});