个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
这是我的 HTML 表格
<!DOCTYPE html>
<html>
<body>
<table>
<thead>
<th>Header1</th>
<th>Header2</th>
</thead>
<tbody>
<tr>
<td><input type="checkbox" id=0 /></td>
<td>TEXT1</td>
</tr>
<tr>
<td><input type="checkbox" id=1 checked/></td>
<td>TEXT2</td>
</tr>
</tbody>
</table>
</body>
</html>
我的目标是扫描表中的所有行(在页面加载后)并通过 jquery 更新第二列文本的 css(如链接所示)
例如，上面的表格应该按上面的方式呈现(删除元素 TEXT2)
我相信我们可以使用 jquery 的 css 方法设置元素的 css，如下所示
.css("text-decoration", "line-through")
但我不知道如何构建一个可以扫描表中所有行并执行 css 的 jquery 片段。
这在 jquery 中真的可行吗？
感谢任何帮助!!!
最佳答案
<强>1。初始化脚本
要在页面加载之后运行脚本，请考虑将.on() 方法与load 事件一起使用。
引用:.on() | jQuery API Documentation
<强>2。遍历指定元素:
要遍历所需的元素，请考虑将 .each() 方法与指定的 css 选择器 td > input 一起使用，以直接定位嵌套的 input td 元素的元素(从而绕过所有 input 元素的目标恰好嵌套在任何特定的 td 元素中，并且无需链接另一个 .find() 方法来指定所需的嵌套元素)。
引用:.each() | jQuery API Documentation
3.检查所需条件:
要验证所讨论的元素是否具有属性checked，请考虑使用条件语句，例如if()，以检查是否条件评估为 true。
如果确实如此，请在条件语句 block 中使用 .css() 方法添加所需的内联样式。
引用:.css() | jQuery API Documentation
代码片段演示:
$(window).on('load', function(){
$('td > input').each(function(){
if($(this).attr('checked')) {
$(this).parent().next().css('text-decoration', 'line-through');
}
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<thead>
<th>Header1</th>
<th>Header2</th>
</thead>
<tbody>
<tr>
<td><input type="checkbox" id="text0" /></td>
<td>TEXT1</td>
</tr>
<tr>
<td><input type="checkbox" id="text1" checked/></td>
<td>TEXT2</td>
</tr>
</tbody>
</table>注意:
id 选择器无效(数字/单位值)，例如:id="0"，值必须以a开头字符串，例如:id="text0"id="text0"关于javascript - jQuery : update css on one table column based on attribute of another column，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47854322/
24
4
0
关于 this页面，我看到以下代码: if ((attributes & FileAttributes.Hidden) == FileAttributes.Hidden) 但我不明白为什么会变成这样。
函数pthread_mutex_init允许您指定指向属性的指针。但是我还没有找到关于pthread属性是什么的很好的解释。我一直只是提供NULL。这个论点有用吗？ 该文档，对于那些忘记它的人: PT
我们有一个 xml 节点“item”，其属性为“style”，即“Header1”。但是，这种风格可以改变。我们有一个名为 Header1 的属性集，它定义了它在 PDF 中的外观，通过 xsl:fo
我的任务是在用户点击它时从输入框中删除占位符并使标签可见。如果用户未在其中再次填写任何内容，请放回占位符并使标签不可见。 我可以隐藏它但不能重新分配它。我试过 element.setAttribute
我从文章中编写代码，并且有: public IActionResult Create([Bind(Include="Imie,Nazwisko,Stanowisko,Wiek")] Pracownik
你能给我解释一下以下属性吗？ 1) [MonoTouch.Foundation.Register("SomeClass")] 这个属性是否只用于向IB注册类？以编程方式扩展 iOS 类时是否必须使用此
我正在编写一个 C++ 程序，在调试时我在执行以下函数: int CClass::do_something() { ... // I've put a breakpoint here } 我的 C
我已经在 polymer 0.5 中构建了我的应用程序。 现在我已经将它更新到 polymer 1.0。 对于响应式布局，我使用了一个布局属性，它使用 Polymer 0.5 中布局属性的自定义逻辑。
我是使用 Jade 的新手——到目前为止它很棒。 但是我需要发生的一件事是具有“itemscope”属性的元素: 我的 Jade 符是: header(itemscope, itemtype='ht
我正在研究一个厨师实现，有时在过去的地方使用了 attribute.set，attribute.default 会这样做。为了解决这个问题，我对 Chef 属性优先范式非常熟悉。我知道“正常”属性(使
我经常看到html data-attribute (s) 将特定值/参数添加到 html 元素，例如使用它们将按钮“链接”到要打开的模式对话框等的 Bootstrap。 现在，我看到一个几乎著名的
假设如下: def create_new_salt self.salt = self.object_id.to_s + rand.to_s end 为什么使用“ self ”更好。而不是实例变量“
根据我的理解，Backbone.js 模型的属性应该通过以下方式声明为有点私有(private)的成员变量 this.set({ attributeName: attributeValue }) //
我有一个看起来像下面的XML文档: ... ... ... ...
我正在实现一个 JSF 组件，需要有条件地添加一些属性。这个问题类似于之前的 JSF: p:dataTable with f:attribute results in "argument type m
我正在尝试将应用程序发布到 Android 电子市场，但出现以下错误: W/ResourceType(16964): No known package when getting value for r
抱歉这么具体的应用程序，但我注意到另一篇关于 Maya 开发的回答很好的帖子。 我刚刚为 Maya 编写了一个插件节点。它只是根据湍流函数杀死一堆粒子。湍流由许多可在属性编辑器中调整的属性驱动。 在属
我在 html 元素中的数据属性为 Update .它具有数据属性的 bool 值。 跟下面的元素Update有什么区别吗？因为数据属性用双引号引起来。 html是否支持 bool 值？ 最佳答案 b
我正在尝试为企业库 5.0 的异常处理 block 创建自定义异常处理程序。据我了解，我需要使用属性开始上课“[ConfigurationElementType(typeof(CustomHandle
我找不到这两个选择器之间的区别。两者似乎都做同样的事情，即根据包含给定字符串的特定属性值选择标签。 对于 [attribute~=value] :http://www.w3schools.com/cs
我是一名优秀的程序员,十分优秀！