Question

让我说我有这样的标记：

<script>
    var doSomething = function () {
        var container = $('.container');
        var list = $('#result-list');
        list.find('.result').attr('id', 'x');
        container.append(list.html());
    };
</script>

<script type="text/html" id="result-list">
    <div class="result"></div>
</script>

<a href="#" onclick="doSomething();">DO</a>
<div class="container">

</div>

我无法更改放置在div内的html-script id属性。我不知道问题是什么或在哪里。任何建议都会有所帮助。

Answer 1

你在找这个。

var doSomething = function () {
    var container = $('.container');
    var list = $('#result-list');
    container.append(list.html());
     container.find('.result').attr('id','x');
};

Demo

Answer 2

<script>
    var doSomething = function () {
        var container = $('.container');
        var list = $('#result-list');
        var $result = $(list.html());
        $result.attr('id','x');
        container.append($result);
    };
</script>

在html脚本中更改html元素的属性

2 个答案: