次のコードでは、文字列名を内部に出力する方法はありますかtd
<script>
var name = "Myname"
</script>
<td>i have to print the name inside here</td>
</tr>
</table>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(document).ready(function(){
var name = "Myname"
$("#result").html(name);
})
</script>
<div id="result">i have to print the name inside here</div>
HTMLマークアップを変更できない場合の方法は次のとおりです。
<script>
var name = "Myname"
$(document).ready(function(){
// Replace all with `name`
$('td:contains("i have to print the name inside here")').text(name);
// Add `name` to end
$('td:contains("i have to print the name inside here")').append(name);
// Add `name` to beginning
$('td:contains("i have to print the name inside here")').prepend(name);
// etc.
});
</script>
このスクリプトを試してください:
<script>
var name = "Myname"
$("#c0r0").text(name);
</script>
この生成された html ページの場合:
<table>
<tr>
<td id="c0r0">I have to print the name inside here</td>
<td id="c0r1">Dummy Text</td>
<td id="c0r2">Dummy Text</td>
</tr>
..............
</table>
クラスtd
やid
<td class="name">i have to print the name inside here</td>
それから
jQuery(function(){
$('td.name').text(name)
})
注:jqueryを使用してタグ付けされているため、jQueryライブラリがすでに追加されていると想定しています
たぶんあなた自身の特別なタグを作る....
var myDataModel = {
name: 'Sam Chalupka',
favoriteFruit: 'Lemon',
age: '45'
};
$('t').each(function() {
var key = $(this).attr('data');
var text = myDataModel[key];
console.log(this);
$(this).text(text);
});
htmlで...
<t data="name"></t>
<t data="favoriteFruit"></t>
<t data="age"></t>
Jsfiddle: