Question

让我说我有这样的打击：

<div id="stuff">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

将动态添加div，这意味着我无法说明会有多少。

当我用jquery重新排列div时，有没有办法在它们被移动后访问其中一个？是否有一些动态的方法来为它们添加一个id和/或有另一种方法来实现这个目标吗？

Answer 1

根据序列位置为每个div提供id，如下所示：

<div>
  <div id='pos1'>1</div>
  <div id='pos2'>2</div>
  <div id='pos3'>3</div>
</div>

然后您可以使用其位置等级轻松跟踪它，无论其位置如何变化。

或者你可以使用类，但它们的行为很慢。

Answer 2

动态创建div时，必须为div提供id和id。也许用JQuery：

.attr("id","myid");

Answer 3

刚刚添加了一个代码段！

http://jsfiddle.net/q4273/

HTML：

<input class="btn teach_edit_header_buttons" style="font-family:Helvetica" type="submit" value="Add Div">
<div id='parent'></div>

JS：

$(function () {

    $("input[type=submit]").click(function () {
        // get the available children
        var len = $('#parent').children('div').length;

        //determine the id = length+1
        var id = "item" + (len + 1);

        // append the child
        $("<div id='" + id + "'/>").html(id).appendTo("#parent");
   })

});

如何在页面上关注移动的div

3 个答案: