2017-05-05  javascript  css  pandoc  html  jquery 

HTML要素のクラス名を文字列として表示するJavaScript

<pre class="test.rb">
10.times do |n|
  puts n
end
</pre>
$(function(){
  $("pre").each(function() {
    var class_name = $(this).attr("class");
    if (class_name) {
      $(this).before("<tt>" + class_name + '</tt>');
    }
  });
}());

参考

メモ

  # ruby, no filenmae
  ```ruby
  10.times do |n|
    puts "n = #{n}"
  end
  ```

  # ruby, filename is times.rb
  ```{.ruby .times.rb}
  10.times do |n|
    puts "n = #{n}"
  end
  ```

  # verbatim,  filename is times.rb
  ```times.rb
  10.times do |n|
    puts "n = #{n}"
  end
  ```
 2017-05-05  javascript  css  pandoc  html  jquery