Javascript 获取div的所有内容，包括新输入

我有一个div，它有3个输入：

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" id="num1"> + 
    <input type="text" id="num2"> = 
    <input type="text" id="total">
  </div>
</div>

我使用以下代码获取html内容：

var cont = $('.getThis').html();

但它只获取内容，而不是像这样包含的文本框的值 头衔

ID
名称
内容在这里

+ 
= 

我想结果应该是： 头衔

ID
名称
内容在这里

+ 
= 

您可以使用

克隆

clone

将同时复制整个div和所有事件

$('#getContent').on('click', function() {
  var cont = $('.getThis').clone(true);
  $(".excelPreview").append(cont);
})

---

您可以使用

clone

clone

将同时复制整个div和所有事件

$('#getContent').on('click', function() {
  var cont = $('.getThis').clone(true);
  $(".excelPreview").append(cont);
})

---

您可以使用

clone

clone

将同时复制整个div和所有事件

$('#getContent').on('click', function() {
  var cont = $('.getThis').clone(true);
  $(".excelPreview").append(cont);
})

---

您可以使用

clone

clone

将同时复制整个div和所有事件

$('#getContent').on('click', function() {
  var cont = $('.getThis').clone(true);
  $(".excelPreview").append(cont);
})

---

要获取文本框的值，需要使用前面提到的方法

var num1 = $('#num1').val();
var num2 = $('#num2').val();
var total = $('#num1').val()+$('#num2').val();
$('#total').val(total);

请尝试下面给出的完整示例：

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" id="num1"> + 
    <input type="text" id="num2"> = 
    <input type="text" id="total">
    <input type="button" name="click" id="click" onclick="a()">
  </div>
  <script src="http://x.dpstatic.com/j/jquery/jquery-1.11.0.min.js"></script>
  <script>
  function a(){
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        var total = parseInt($('#num1').val())+parseInt($('#num2').val());
        $('#total').val(total);
}
  </script>

标题
身份证件
名称
内容在这里

+ 
= 
函数a（）{
var num1=$（'#num1'）.val（）；
var num2=$（'#num2'）.val（）；
var total=parseInt（$（'#num1'）.val（））+parseInt（$（'#num2'）.val（））；
$（'总计'）.val（总计）；
}

如果需要更多信息，请告诉我

谢谢

---

Amit要获取文本框的值，需要使用前面提到的方法

var num1 = $('#num1').val();
var num2 = $('#num2').val();
var total = $('#num1').val()+$('#num2').val();
$('#total').val(total);

请尝试下面给出的完整示例：

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" id="num1"> + 
    <input type="text" id="num2"> = 
    <input type="text" id="total">
    <input type="button" name="click" id="click" onclick="a()">
  </div>
  <script src="http://x.dpstatic.com/j/jquery/jquery-1.11.0.min.js"></script>
  <script>
  function a(){
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        var total = parseInt($('#num1').val())+parseInt($('#num2').val());
        $('#total').val(total);
}
  </script>

标题
身份证件
名称
内容在这里

+ 
= 
函数a（）{
var num1=$（'#num1'）.val（）；
var num2=$（'#num2'）.val（）；
var total=parseInt（$（'#num1'）.val（））+parseInt（$（'#num2'）.val（））；
$（'总计'）.val（总计）；
}

如果需要更多信息，请告诉我

谢谢

---

Amit要获取文本框的值，需要使用前面提到的方法

var num1 = $('#num1').val();
var num2 = $('#num2').val();
var total = $('#num1').val()+$('#num2').val();
$('#total').val(total);

请尝试下面给出的完整示例：

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" id="num1"> + 
    <input type="text" id="num2"> = 
    <input type="text" id="total">
    <input type="button" name="click" id="click" onclick="a()">
  </div>
  <script src="http://x.dpstatic.com/j/jquery/jquery-1.11.0.min.js"></script>
  <script>
  function a(){
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        var total = parseInt($('#num1').val())+parseInt($('#num2').val());
        $('#total').val(total);
}
  </script>

标题
身份证件
名称
内容在这里

+ 
= 
函数a（）{
var num1=$（'#num1'）.val（）；
var num2=$（'#num2'）.val（）；
var total=parseInt（$（'#num1'）.val（））+parseInt（$（'#num2'）.val（））；
$（'总计'）.val（总计）；
}

如果需要更多信息，请告诉我

谢谢

---

Amit要获取文本框的值，需要使用前面提到的方法

var num1 = $('#num1').val();
var num2 = $('#num2').val();
var total = $('#num1').val()+$('#num2').val();
$('#total').val(total);

请尝试下面给出的完整示例：

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" id="num1"> + 
    <input type="text" id="num2"> = 
    <input type="text" id="total">
    <input type="button" name="click" id="click" onclick="a()">
  </div>
  <script src="http://x.dpstatic.com/j/jquery/jquery-1.11.0.min.js"></script>
  <script>
  function a(){
        var num1 = $('#num1').val();
        var num2 = $('#num2').val();
        var total = parseInt($('#num1').val())+parseInt($('#num2').val());
        $('#total').val(total);
}
  </script>

标题
身份证件
名称
内容在这里

+ 
= 
函数a（）{
var num1=$（'#num1'）.val（）；
var num2=$（'#num2'）.val（）；
var total=parseInt（$（'#num1'）.val（））+parseInt（$（'#num2'）.val（））；
$（'总计'）.val（总计）；
}

如果需要更多信息，请告诉我

谢谢 Amit

我想一个黑客就是

$（“按钮”）。单击（函数（）{
var cont=$（'.getThis'）.clone（）.find（'input:text'）.attr（'value'，function（））{
返回此.value；
}).end（）.html（）；
snippet.log（续）
})

标题
身份证件
名称
内容在这里

+
=
测试

我想一个黑客就是

$（“按钮”）。单击（函数（）{
var cont=$（'.getThis'）.clone（）.find（'input:text'）.attr（'value'，function（））{
返回此.value；
}).end（）.html（）；
snippet.log（续）
})

标题
身份证件
名称
内容在这里

+
=
测试

我想一个黑客就是

$（“按钮”）。单击（函数（）{
var cont=$（'.getThis'）.clone（）.find（'input:text'）.attr（'value'，function（））{
返回此.value；
}).end（）.html（）；
snippet.log（续）
})

标题
身份证件
名称
内容在这里

+
=
测试

我想一个黑客就是

$（“按钮”）。单击（函数（）{
var cont=$（'.getThis'）.clone（）.find（'input:text'）.attr（'value'，function（））{
返回此.value；
}).end（）.html（）；
snippet.log（续）
})

标题
身份证件
名称
内容在这里

+
=
测试

我已经通过使用

keyup

事件完成了此操作。您输入的任何更改都将直接反映在您的总和中

我通过在输入样式中添加

class=“demo”

做了一些更改

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" class="demo" id="num1"> + 
    <input type="text" class="demo" id="num2"> = 
    <input type="text" id="total">
  </div>
</div>

---

您也可以在这里找到解决方案

我已经使用

keyup

事件完成了这项工作。您输入的任何更改都将直接反映在您的总和中

我通过在输入样式中添加

class=“demo”

做了一些更改

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" class="demo" id="num1"> + 
    <input type="text" class="demo" id="num2"> = 
    <input type="text" id="total">
  </div>
</div>

---

您也可以在这里找到解决方案

我已经使用

keyup

事件完成了这项工作。您输入的任何更改都将直接反映在您的总和中

我通过在输入样式中添加

class=“demo”

做了一些更改

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" class="demo" id="num1"> + 
    <input type="text" class="demo" id="num2"> = 
    <input type="text" id="total">
  </div>
</div>

---

您也可以在这里找到解决方案

我已经使用

keyup

事件完成了这项工作。您输入的任何更改都将直接反映在您的总和中

我通过在输入样式中添加

class=“demo”

做了一些更改

<div class="excelPreview">
  <a href="#" id="getContent" class="btn btn-primary">get</a>
  <a href="#" id="calculate" class="btn btn-primary">calculate</a>
  <div class="getThis">
    Title
    <div>ID</div>
    <div>Name</div>
    <p>Content here....</p>
    <input type="text" class="demo" id="num1"> + 
    <input type="text" class="demo" id="num2"> = 
    <input type="text" id="total">
  </div>
</div>

---

另外，您可以在此处找到解决方案，当前在您的输入中没有值，您无法获得这样的总计。请先清除您的问题。@Nikunchotaliya抱歉，我只更新了它，以获取所有元素的值。包括输入的值。当前在输入中没有值，您无法获得这样的合计值。请先清除您的问题。@Nikunchotaliya抱歉，我只更新了它，以获取所有元素的值。包括输入的值。当前在输入中没有值，您无法获得这样的合计值。请先清除您的问题。@Nikunchotaliya抱歉，我只更新了它，以获取所有元素的值。包括输入的值。当前在输入中没有值，您无法获得这样的合计值。请先清除您的问题。@Nikunchotaliya抱歉，我只更新了它，以获取所有元素的值。包括输入的值。您是rig