如何在追加那个子元素的同时将现有的元素属性添加到子元素?

时间:2013-03-07 12:29:58

标签: jquery

这里是HTML span将附加到此div

<div class="new">
    <a value="03" id="a1"></a>
    <span></span>
</div>

ul包含要显示的元素

<ul id="ad1" class="drpdwn">
    <li value="1">
        <input type="checkbox" value="2" id="ck1" name="Drop Shadows"/>
        <span id="sp1"> Drop Shadows</span>
    <li>
        <input type="checkbox" value="2" id="ck2" name="Reflections">
        <span id="sp2">Reflections</span>
    </li>
    <li><a id="ck3" name="General Spotting" alt="1"/>General Spotting</a></li>
    <li><a id="ck4" name="Gene Spotting" alt="1"/> Spotting</a></li>
</ul>

这里是jQuery代码

$('#ck2').click(function () {
    option = $('#sp2').text();

这里id ck2 th attrbute设置为var ot

ot=$('#ck2').attr("value");
    alert(ot);

这里我将id ck2'th attr设置为附加span.help me out。!

  $('.new span').append('<span id="span1"></span>').attr(ot);

  $('#span1').html(option);
  oc=$('#span1').attr("name" ,"value");
  alert(oc);
  })

1 个答案:

答案 0 :(得分:0)

不确定你要求的是什么......但假设你想要的是什么

$('.new span').append('<span id="span1" value="'+ot +'"></span>');

这将追加跨度,其中属性id为span1,值为2 ..就像你可以为名称做的那样..