如何在字符串客户端的html标签之间添加文本？

Question

After a call in a library I get the following string

var data = "<td>123.456</td>";

I'd like to insert some data (a <img /> tag) after the content of the <td></td> and get something like

<td>123.456 <img src='path' /></td>

How to properly do this in JQuery ?

Answer 1

您可以使用以下方法附加所需的数据：

  $('td').append('<img src="path">');

Answer 2

Working Demo : JsFiddle

You can do like this :

var imagevalue = '<img src="path">';

var data = "<td>123.456 "+imagevalue+"</td>";

Answer 3

You can use convert your variable in jQuery object the use append() to append img

var data = "<td>123.456</td>";
data = $(data).append("<img src='path' />").prop('outerHTML');
alert(data)

DEMO

Answer 4

If you want to get the modified string in a variable

var string = '<td>123.456</td>';

//create a temp element with the contents of the given string
var $div = $('<div />', {
    html: string
});
//find the td and manipulate it
$div.find('td').append('<img src="path">');

//get the modified content from the temp element
var string2 = $div.html();
console.log(string2)

Demo: Fiddle

Answer 5

You could use jQuery for that, but it's easier to just use string operations in plain Javascript:

var data = "<td>123.456</td>";
data = data.replace("</td>", " <img src='path' /></td>");

Answer 6

Check the demo http://jsfiddle.net/yeyene/xQh5J/183/

Jquery

$(document).ready(function(){
    
    var data = "<td>123.456</td>";
    
    $('#my_table tr').append(data);
    
    $('#add').on('click',function(){
        $('#my_table td').html($('td').text()+' <img src="http://www.softicons.com/assets/templates/softicons/images4/winlogo.png" width="16" height="16" />');
    });
    
});