javascript - jQuery 变量处理

Question

我正在开发一个表单，我想在其中更改输入的类型 jQuery，并且感谢这个精彩的网站，我已经发现我需要克隆并替换输入以更改类型。 我遇到的问题是我添加了一个变量，当我运行代码时它不起作用，但当我使用输入的 ID 而不是变量时它确实起作用。代码如下。

这些是变量:

var productOne = $j("#ninja_forms_field_25");
var productOneDiv = $j("#ninja_forms_field_25_div_wrap");

此代码不起作用:

$j(".button1").click(function() {
        $j(productOneDiv).css("height", "37px");
        $j(productOne).clone().attr({
            "type": "text",
            "placeholder": "Product"
        }).insertAfter(productOne).prev().remove();
    });

这是有效的代码:

$j(".button1").click(function() {
        $j("#ninja_forms_field_25_div_wrap").css("height", "37px");
        $j("#ninja_forms_field_25").clone().attr({
            "type": "text",
            "placeholder": "Product"
        }).insertAfter("#ninja_forms_field_25").prev().remove();
    });

我搜索了解决方案，但确实找不到任何有用的东西。

Answer 1

问题出在你的变量声明上。无需将字符串转换为 jQuery 对象。

尝试:

var productOne = "#ninja_forms_field_25";
var productOneDiv = "#ninja_forms_field_25_div_wrap";