如何在表格内创建动态标签。首先创建链接然后在链接内创建一个img标签,就像我有..
<table>
<tr>
<td>
<a>
<img />
</a>
// Add Some more when every time my function is run..? like that
// <a>
// <img/>
// </a>
</td>
</tr>
</table>
我正在使用这个内部功能,但它无法帮助我。
$(document.createElement("img")).attr('Some attr');
答案 0 :(得分:2)
如果你的意思是“jquree”的JQuery,那么试试这个:
$('table tr td').append('<a href="#"><img src="/favicon.ico"/></a>');
答案 1 :(得分:2)
好吧,我不打算回答这个问题,但我没有看到任何正确答案(来自我的POV):
function addElement(tdId) { // Specify the id the of the TD as an argument
$('#' + tdId).append( // Append to the td you want
$('<a></a>').attr({ // Create an element and specify its attributes
'href': '/home',
'title': 'Home'
}).append( // Also append the image to the link
$('<img />').attr({ // Same, create the element and specify its attributes
'src': 'image.png',
'width': '100px',
'height': '100px'
})
) // Close the "append image"
) // Close the "append anchor"
}
现在这是一个纯粹的jQuery答案。一个javascript答案如下:
function addElement(tdId) { // Specify the id the of the TD as an argument
// Create the DOM elements
var a = document.createDocumentFragment('a'),
img = document.createDocumentFragment('img') // See the use of document fragments for performance
// Define the attributes of the anchor element
a.href = '/home'
a.title = 'Home'
// Define the attributes of the img element
img.src = 'image.png'
img.width = '100px'
img.height = '100px'
// Append the image to the anchor and the anchor to the td
document.getElementById(tdId).appendChild(a.appendChild(img))
}
我认为js版本更具可读性。但这只是我的意见; o)。
答案 2 :(得分:0)
$(document).ready(function(){
$('.any_element_you_want').html('<a href="/home" title="Home"><img src="image.png"></a>');
});
答案 3 :(得分:0)
使用jquery然后你可以创建如下所示的图像元素
$(document).ready(function(){
var elem = new Element('img',
{ src: 'pic.jpg', alt: 'alternate text' });
$(document).insert(elem); //here you can also make use of `append` method instead of this method
}
或
var img = new Image(1,1); ///params are optional
img.src = ''pic.jpg';
答案 4 :(得分:0)
var td = $('table tr td');
td.append('<a><img src="whatever.jpg"/></a>');
答案 5 :(得分:0)
每次点击按钮,它都会添加img标签和图片url abc.png 并添加到具有id imagediv的div。
$("button").click(function()
{
var img=$('<img id="dynamic">');
$(document.createElement('img'));
img.attr('src',"abc.png");
img.appendTo('#imagediv');
});