js

논문 저자, 소속 윗첨자 만들기

하나에하나 2018. 11. 1. 19:28

<style>
.footnote {vertical-align:super;font-size:8px;}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

<span class="name">Plastic 1Surgery Clinic</span><br>
<span class="name">1101 Plastic 1Surgery Clinic</span><br>
<span class="name">1101 Plastic 2Surgery Clinic, 2ABC PS Clinic</span><br>
<span class="name">1101 Plastic 3Surgery Clinic, 2ABC PS Clinic, 3DDD PS Clinic</span><br>

<br><br>

<span class="foot">101 Plastic 1Surgery Clinic1</span><br>
<span class="foot">101 Plastic 2Surgery Clinic1,2</span><br>
<span class="foot">101 Plastic 3Surgery Clinic1,2,3</span><br>
<span class="foot">101 Plastic 4Surgery Clinic1, 101 Plastic Surgery Clinic1,2, 101 Plastic Surgery Clinic1,2,3, 101 Plastic Surgery Clinic1,2,3,4</span><br>



<script>
$(".name").each(function() {
 var str = $(this).html();
 var regex = /^[1-9]|,\s[1-9]/g;
 var tmpc = str.replace(regex,function(x){
  var re = /([1-9])/g;
  return x.replace(re,"<span class='footnote'>$1</span>");
 });
 str = tmpc;
 $(this).html(str);
});

$(".foot").each(function() {
 var str = $(this).html();
 var regex = /[1-9]$|[1-9],\s?/g;
 var tmpc = str.replace(regex,function(x){
  var space = /\s/g;
  if(space.test(x)) {
   var re = /([1-9])/g;
   return x.replace(re,"<span class='footnote'>$1</span>");
  } else {
   return "<span class='footnote'>"+x+"</span>";
  }
 });
 str = tmpc;
 $(this).html(str);
});
</script>

'js' 카테고리의 다른 글

jquery & drag & drop  (0) 2018.11.06
정규표현식 연습 사이트  (0) 2018.11.01
js + css html5 mobile Touch Slider  (0) 2017.06.16
PHP's stripslashes in JavaScript  (0) 2017.04.19
javascript 글자 byte 구하기  (0) 2017.02.10