javascript - Jquery 分配第二个子属性

Question

有没有办法为嵌套的 div 属性分配变量？喜欢

<div>
  <div>
    123456
  </div>
</div>

成为

<div>
  <div sectionid="123">
    123456
  </div>
</div>

顺便说一句，上面的组件将由 JavaScript 创建。

我试过类似的方法，但没有用。

var a = $('<div><div>123456</div></div>');
a.eq(":nth-child(2)").attr("sectionid", "123");

Answer 1

试试这个片段。

//FOR DOM HTML
console.log("FOR DOM HTML");
//1st way
$('#input > div').find('div').attr("sectionid","123");
console.log($('#input').html());
//2nd way
$('#input > div > div').attr("sectionid","321");
console.log($('#input').html());


//JS HTML
console.log("FOR JS OBJECT");
var input = $('<div><div>123456</div></div>');
//1st way
input.eq(0).children().attr('sectionid', '456');
console.log(input[0].outerHTML);
var input = $('<div><div>123456</div></div>');
//2nd way
$(input[0]).children().attr('sectionid', '789');
console.log(input[0].outerHTML);

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

<div id="input">
<div>
  <div>
    123456
  </div>
</div>
</div>