Jquery 内部 HTML 属性似乎不起作用

Question

以下代码应该使用 div 的内部 html 填充具有相同名称的多个输入的值，但似乎不会使用 div 的内部 html 填充这些输入的值。

 var specsort = $('#specifications').html();
$('input[name="GT_specifications"]').each(function(){
    $('input[name="GT_specifications"]').val(specsort);
    });

任何想法，

太棒了

Answer 1

你的意思：

var specsort = $('#specifications').html();
$('input[name="GT_specifications"]').each(function(){
    $(this).val(specsort);
});

或者，实际上：（

$('input[name="GT_specifications"]').val($('#specifications').html());

“GT_specations”周围的引号是可选的。）

Live copy

这将检索 ID 为“规格”的元素的内部 HTML，并将其设置为名称为“GT_规格”的每个输入上的值。

Answer 2

首先，您将迭代输入元素，并在每个元素中重新设置所有元素。使用第一个包装纸。

var specsort = $('#specifications').html();
$('input[name="GT_specifications"]').val(specsort);

希望这有帮助！

Answer 3

TJ和inti是对的。但是，我刚刚测试了您发布的代码，它似乎对我有用。您是否将代码包装在 $(document).ready 语法中以确保页面在 jQ 触发之前完全加载？

例如

$(document).ready(function() {
    var specsort = $('#specifications').html();
    $('input[name="GT_specifications"]').each(function(){
        $('input[name="GT_specifications"]').val(specsort);
    });
});