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

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找到后代元素,所以你只是想要

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

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

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

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

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

var trymeor = "<div class='me'></div>";
var $element = $(trymeor);

$element.filter('.me').text('Hello, am testing');

console.log($element.get(0).outerHTML);

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

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

var trymeor = "<div class='me'></div>";
var $element = $('<div />', {html : trymeor});

$element.find('.me').text('Hello, am testing');

console.log($element.html());

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