Change html element's attribute inside html-script

Question

let's say I have a mark-up like this:

<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>

I can't change div id attribute which is placed inside html-script. I don't know what or where is the problem. Any advice will be helpful.

Yes, while you set its type to html-script. I use it for something like template in my markup — Saber Amani
– Saber Amani, Commented Feb 19, 2014 at 5:58
@SaberAmani dont use . in your className.And what is issue..please rephrase your question — Deepak Ingole
– Deepak Ingole, Commented Feb 19, 2014 at 5:59

Rakesh Kumar · Accepted Answer · 2014-02-19 06:14:56Z

2

Are you looking for this.

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

Demo

answered Feb 19, 2014 at 6:14

Rakesh Kumar

2,8631 gold badge22 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Saber Amani Over a year ago

but I can't understand what is different? Can you explain?

Rakesh Kumar Over a year ago

you are applying attribute on '.result' in script tag but in above code I apply attribute in container div after picking the .result from script tag

sanjeev Over a year ago

@RakeshKumar why can't one apply attribute on '.result' in script tag , where as '.html()' jquery function work's

jingyinggong · Accepted Answer · 2014-02-19 06:11:43Z

1

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

answered Feb 19, 2014 at 6:11

jingyinggong

6465 silver badges9 bronze badges

Collectives™ on Stack Overflow

Change html element's attribute inside html-script

2 Answers 2

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Related