Question

所以我需要使用隐藏元素（id或class）任何名称都是＆＃34;对话框＆＃34;

看一个例子

＆＃13;

$(document).ready(function() {
	for (x=0;x<$("div").length;x++) {
		var sa_string = $("div:nth("+x+")").attr("id");
		if (sa_string.substring(0,6) == "dialog") { console.log($("div#"+sa_string).hide()); }
	}
});

＆＃13;

body {
  color: white;
  text-shadow: black 0px 2px 3px;
  background-color: black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<html>
<body>
<div id="dialogYB1W7" style="background: red;">
	<div id="text1">bla bla bla</div>
	<div id="text1">bla bla bla</div>
	<div id="text1">bla bla bla</div>
</div>
<br>
<div id="description1AO2" style="background: green;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="description4T6W" style="background: blue;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="dialogB3EW" style="background: yellow;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="dialog1L2A" style="background: red;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="descriptionY3L1" style="background: green;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
</body></html>

＆＃13;

我尝试css $('div[id=dialog*]').hide()无效..我知道错了！

但可能还是不可能？只是jquery =（我喜欢CSS工作Adblock

抱歉英语不好！感谢

Answer 1

$('div[id^="dialog"]')应该有用。

^=是选择器

的开头

Answer 2

我认为你可以简单地使用：

$("div[id^=dialog]").hide();

隐藏id属性以div开头的所有dialog元素。

＆＃13;

$("div[id^=dialog]").hide();

＆＃13;

body {
  color: white;
  text-shadow: black 0px 2px 3px;
  background-color: black;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<html>
<body>
<div id="dialogYB1W7" style="background: red;">
	<div id="text1">bla bla bla</div>
	<div id="text1">bla bla bla</div>
	<div id="text1">bla bla bla</div>
</div>
<br>
<div id="description1AO2" style="background: green;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="description4T6W" style="background: blue;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="dialogB3EW" style="background: yellow;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="dialog1L2A" style="background: red;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
<br>
<div id="descriptionY3L1" style="background: green;">
	<div id="text1">bla bla bla</div>
	<div id="text2">bla bla bla</div>
	<div id="text3">bla bla bla</div>
</div>
</body></html>

＆＃13;

<强>参考

Substring matching attribute selectors

可能的ID与CSS的名称不同

2 个答案: