指定したタグで文字列を囲む機能です
属性も追加できます
属性も追加できます
文字列.bold() ってすると<b></b>に囲まれたりしますが使えるのは一部のタグだけです
さらに属性を自分で追加できないです
文字列.link("http://abcd") ってするとhrefのリンク先はできるけどtarget="_blank"のようなのが追加できません
毎回文字列を結合して作るのもめんどうになってきたので楽にできるものを作りました
それ以降で 文字列.surround() が使えるようになります
使い方は第一引数にタグの名前を入れます(divとかspanとか)
属性追加したい場合は第二引数以降にいれます
文字列で "width=400" みたいなのでもいけますしobject型でもいけます
object型だとkeyが属性名、valueが属性値になります
サンプル
さらに属性を自分で追加できないです
文字列.link("http://abcd") ってするとhrefのリンク先はできるけどtarget="_blank"のようなのが追加できません
毎回文字列を結合して作るのもめんどうになってきたので楽にできるものを作りました
これを最初の方で実行しますString.prototype.surround = function(tag,attributes){var attributestr = "";for(var i=1;i<arguments.length;i++){var attr = arguments[i];if(!(attr instanceof Array)&&(attr instanceof Object)){for(var key in attr){if ( attr.hasOwnProperty(key) ) {attributestr += " " + key + "=" + attr[key];}}}else{attributestr += " " + attr;}}return "<" + tag + attributestr + ">"+this+"</"+tag+">";}
それ以降で 文字列.surround() が使えるようになります
使い方は第一引数にタグの名前を入れます(divとかspanとか)
属性追加したい場合は第二引数以降にいれます
文字列で "width=400" みたいなのでもいけますしobject型でもいけます
object型だとkeyが属性名、valueが属性値になります
サンプル
var row = "";row += ("A".surround("td") + "aaaa".surround("td")).surround("tr");row += ("B".surround("td") + "bbbb".surround("td")).surround("tr");row += ("C".surround("td") + "cccc".surround("td")).surround("tr");var table = row.surround("table");//<table><tr><td>A</td><td>aaaa</td></tr><tr><td>B</td><td>bbbb</td></tr><tr><td>C</td><td>cccc</td></tr></table>var str = "aaa";var spanattr = {id:"s",class:"cls",style:"color:skyblue;font-size:14px;"};str.surround("span",spanattr).surround("div","id='d'","style='width:100px;height:50px;'");//<div id='d' style='width:100px;height:50px;'><span id=s class=cls style=color:skyblue;font-size:14px;>aaa</span></div>
コメントする