Question

我在同一页面上有2个表单。一个叫'A'。另一个被称为'B'形式。

使用从数据库获取的值动态加载表单A.

表格B有56个输入。形式B的每个输入都有唯一的id'，它们是A形输入的值。输入数量

由于客户之前的请求，出现在表单'A'上的

可能会有所不同。

表格'A'的所有输入都具有相同的名称（Aname），但值不同。

形式'A'的每个输入都有一个值，也可以'B'形式为表格中的每个值找到相应的输入

'B'。形式'A'的输入的css类应该适用于'B'形式的每个相应输入。

事实是：表格A的输入值已被打印为形式为'B'的每个输入的id。

表格B的输入数量是固定的。那是“56”。

表单A生成的输入数量可能因用户而异。无论如何，表格A的最大输入数也是“56”。

例如，在这里输入代码

<form name="A">
<input type="text" name="alreadybooked" value="2" disabled="disabled" class="red">
<input type="text" name="alreadybooked" value="5" disabled="disabled" class="red">
<input type="text" name="alreadybooked" value="3" disabled="disabled" class="red">
</form>
<form name="B">
    <input type="button" value="0" class="btn-submit" id="1" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="2" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="3" data-assetid="1">
   <input type="button" value="0" class="btn-submit" id="4" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="5" data-assetid="1">
    </form>

相应的例子，css类“red”应该应用于'B的第一，第三和第五输入形式。

我怎么能用jQuery做到这一点？

Answer 1

试试这段代码，

$("form[name='A'] input").each(function(){
    $("#"+this.value).addClass($(this).attr('class'));
});

.red{
    background:red;
}
.green{
    background:green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form name="A">
    <input type="text" name="alreadybooked" value="2" disabled="disabled" class="red">
    <input type="text" name="alreadybooked" value="5" disabled="disabled" class="red">
    <input type="text" name="alreadybooked" value="3" disabled="disabled" class="green">
</form>
<form name="B">
    <input type="button" value="0" class="btn-submit" id="1" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="2" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="3" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="4" data-assetid="1">
    <input type="button" value="0" class="btn-submit" id="5" data-assetid="1">
</form>

如何在一个表的输入中搜索一组特定值的值，而在另一个表的id（s）值中添加css

1 个答案: