Question

如何附加到字符串中的元素。 javascript可以这样做吗？

我出于某种原因编辑了我的问题

示例：

$(document).click(function(){
    var trymeor = "<div class='me'><article><div class='special'></div></article></div>";
    console.log($(trymeor).find('.special').append('Hello, am testing'));
});

所以变量 tymeor 现在变成这样：

var trymeor = "<div class='me'><article><div class='special'>Hello, am testing </div></article></div>";

谢谢。

Answer 1

你所拥有的是正确的方法，但DIV是唯一的元素，find找到后代元素，所以你只是想要

＆＃13;

var trymeor  = "<div class='me'></div>";
var $element = $(trymeor).text('Hello, am testing');
    
console.log( $element.get(0).outerHTML );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

请注意，您也可以使用jQuery创建元素

$('<div />', {'class' : 'me', text : 'Hello, am testing'})

如果要使用选择器访问根元素，还可以使用filter

＆＃13;

var trymeor = "<div class='me'></div>";
var $element = $(trymeor);

$element.filter('.me').text('Hello, am testing');

console.log($element.get(0).outerHTML);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

如果要同时定位后代和根元素，可以将HTML包装为容器

＆＃13;

var trymeor = "<div class='me'></div>";
var $element = $('<div />', {html : trymeor});

$element.find('.me').text('Hello, am testing');

console.log($element.html());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

附加到一组字符串中的元素

1 个答案: