Javascript 将div innerHTML值添加到对象

如何从下面的一组div中选择1个innerHTML值并将这些值推送到对象中

下面的每个div类1、2的工作方式应该类似于表单上的HTML选择框，其中每个类只存储1个值

我想将每个div类中的1个值推送到一个对象中。

这段代码调整每个div-an-onClick事件，当它被触发时，它将其html值添加到obj.var1或obj.var2，我希望它能帮助您，如果您有任何进一步的问题，可以询问。

问题：

使用文档而不是文档 您需要使用“查找子对象”框 您需要停止默认操作。所以使用返回假；在这里你也可以使用 使用

在单击函数中使用$this，这样可以获得所选div中的文本

$(".one").click(function(){
   var text = $(this).find("div").html();

   obj.var1 = text;
   alert(obj.var1);
});

$(".two").click(function(){
   var text = $(this).find("div").html();

   obj.var1 = text;
   alert(obj.var1);
});

---

注意：$document应该是$document..

id需要唯一。document应该是不带引号的文档。这些id如何重复需要在post中进行大量更正请保留一个干净的版本，如果可能，请在post中进行修改，并明确询问您需要实现什么目标我如何检查对象内的2个值？@rrrfusco，ifobj.var1&&obj.var2

$(function(){
    $('.one.box').on('click', function() {
        obj.var1 = $(this).html();
    }    
    $('.two.box').on('click', function() {
        obj.var2 = $(this).html();
    }
})

var obj = {};
$(document).ready(function () {
    $(".one").click(function () {
        var text = $(this).find(".box").html(); //Find child box
        obj.var1 = text;
        alert(obj.var1);
        return false; //Stop default action
    });

    $(".two").click(function () {
        var text = $(this).find(".box").html();
        obj.var2 = text;
        alert(text);
        return false;
    });
});

$(".one").click(function(){
   var text = $(this).find("div").html();

   obj.var1 = text;
   alert(obj.var1);
});

$(".two").click(function(){
   var text = $(this).find("div").html();

   obj.var1 = text;
   alert(obj.var1);
});