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

• たとえば、以下のようなsample.htmlがあったとする。
• このクラス名のtest.rbの部分を文字列として抽出して表示したい。

<pre class="test.rb">
10.times do |n|
  puts n
end
</pre>

• 以下のfilename.jsを使う（要jQuery）。

$(function(){
  $("pre").each(function() {
    var class_name = $(this).attr("class");
    if (class_name) {
      $(this).before("<tt>" + class_name + '</tt>');
    }
  });
}());

参考

• jQueryでattrを活用していこう
• jQuery日本語リファレンス

メモ

  # 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

```