javascript - 在每个 div 上单击时动态添加 ids

Question

我有一个具有固定值的输入字段，并且有一些具有相同类名和不同 id 的 div。因此，当我按下 div 时，我尝试将固定值中的每个 id 添加到输入字段中。

例如:

<input name="yourcode" type="text" id="yourcode" value="http://www.domain.com/myfile.php?ids=" />

因此，当我按下每个 div 时，我想在输入值中添加用逗号分隔的 id。

例如

<input name="yourcode" type="text" id="yourcode" value="http://www.domain.com/myfile.php?ids=1,2,3,4,5,6" />

我的<div>'s看起来像:

<div class="s" id="1"></div>
<div class="s" id="2"></div>
<div class="s" id="3"></div>
<div class="s" id="4"></div>
<div class="s" id="5"></div>

我使用下面的代码来获取单击的 div:

<script type="text/javascript">
$(document).ready(function () {
    $(".s").click(function () {
        var theid = $(this).attr("id");
        alert(theid);
    });
});
</script>

Answer 1

更改您的代码，例如:

<script type="text/javascript">
    $(document).ready(function() {
        var clickedIDs = "";
        $(".s").click(function(){
            clickedIDs += $(this).attr("id");
            alert(clickedIDs);
        });
    });
</script>

目前您只是提醒当前点击的 ID。这会将当前点击的 id 附加到之前点击的 id 字符串并发出警报。

希望有帮助。