gpt4 book ai didi

javascript - 分别隐藏/显示具有相同类名的元素

转载 作者:行者123 更新时间:2023-11-29 16:11:46 26 4
gpt4 key购买 nike

我遇到的问题是根据 child 的内容选择(隐藏/显示)列表项

我无法添加或更改 ID 或类(这些由 CRM 设置并且会有所不同)

我需要根据所选内容隐藏/显示信息。例如。 “在类类型为‘Title’的子 div 中隐藏包含单词‘Accommodation Type’的列表项”

所以它会隐藏这个列表项:请只隐藏子 div 中带有住宿类型的列表项。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function()
{
$("li").
var title = $("li").find('div[class=Title]').html();
if(title == "Accommodation Type")
{
$('div[class=Title]').parent().parent().hide();
}

});
</script>

</head>
<body>
<ul>
<li>
<div class="Group">
<div class="Title">Accommodation Type</div>
<div class="Item">
<select>
<option value="">-- Please select --</option>
<option value="30393382">Motel</option>
<option value="30393383">Hotel</option>
</select>
</div>
</div>
</li>
<li>
<div class="Group">
<div class="Title">Adults</div>
<div class="Item">
<select>
<option value="">-- Please select --</option>
<option value="30393382">1 Adult</option>
<option value="30393383">2 Adults</option>
</select>
</div>
</div>
</li>

</ul>
</body>
</html>

最佳答案

您可以使用 :has选择器与 :contains选择器

$("li:has(div.Title:contains('Accommodation Type'))").hide();

在这里 fiddle :http://jsfiddle.net/8k5tnpjm/

关于javascript - 分别隐藏/显示具有相同类名的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25652065/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com