首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何根据另一个表的id(s)值在一个表的输入中搜索一组特定值的值以添加css

如何根据另一个表的id(s)值在一个表的输入中搜索一组特定值的值以添加css
EN

Stack Overflow用户
提问于 2013-12-10 03:54:04
回答 1查看 67关注 0票数 0

我在同一页上有两张表格。一个是从'A‘来的。另一个叫表格B。

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

表格B有56个输入。表格B的每个输入都有唯一的ids‘,这是表A输入的值。输入数

出现在表格'A‘可能是不同的,因为客户以前的要求。

表单A的所有输入都有相同的名称(Aname),但是值是不同的。

表单'A‘的每一个输入都有一个值,而在表格'B’中,您可以从表单中为每个值找到相应的输入。

“b”。表格'A‘的输入的css类,应该适用于表格’B‘的每一个相应的输入。

事实是:表格A的输入值被打印为表格B的每个输入的id(s)。

表格B的输入数是固定的。这就是"56“。

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

例如,在这里输入代码

代码语言:javascript
复制
<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做到这一点?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-10 04:36:03

试试这段代码,

代码语言:javascript
复制
$("form[name='A'] input").each(function(){
    $("#"+this.value).addClass($(this).attr('class'));
});
代码语言:javascript
复制
.red{
    background:red;
}
.green{
    background:green;
}
代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20485732

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档