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

How to add text between html tags in a string client side?

本文关键字：标签 之间 文本 html 添加 字符串 客户端      更新时间：2023-09-26

在库中调用后，我得到以下字符串

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

我想在<td></td>的内容之后插入一些数据(<img />标签)，并得到类似

的东西
<td>123.456 <img src='path' /></td>

你可以使用转换你的变量在jQuery对象使用append()追加img 

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

您可以使用:

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

工作演示:JsFiddle

你可以这样做:

var imagevalue = '<img src="path">';
var data = "<td>123.456 "+imagevalue+"</td>";

如果您想在变量

中获得修改后的字符串
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)

演示:小提琴

您可以使用jQuery，但在普通Javascript中使用字符串操作更容易:

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

查看演示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" />');
    });
    
});
相关文章：