jquery - 如何在附加该子元素时将现有元素属性添加到子元素？

Question

这里是要附加到此 div 的 HTML 跨度

<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。帮帮我。！

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

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

Answer 1

不知道你要什么......但假设这是你想要的

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

这将附加属性 id 为 span1 和 value 为 2 的 span .. 就像你可以为 name 做的那样。