<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 |