gpt4 book ai didi

javascript - Jquery隐藏 block 外的文本

转载 作者:行者123 更新时间:2023-12-01 05:48:39 25 4
gpt4 key购买 nike


我对 Javascript 相当陌生,正在尝试为 Chrome 编写一个扩展。我正在努力解决某一方面的问题。请注意,HTML 来自另一个我无法控制的网页,因此我无法修改它,除非我以编程方式进行修改。另外,我在下面的示例中显示了三个文本项,但这可能只有一个或多个,由“br”分隔。 HTML 如下:

<div class = "cls" id = "1234">
<quote>...</quote>
"Text to hide/show 1"
<br style="font-size: medium; height: auto; line-height: normal;">
"Text to hide/show 2"
<br style="font-size: medium; height: auto; line-height: normal;">
"Text to hide/show 3"
</div>


JavaScript代码如下:

function processQuotes() {
$('.cls quote').each(function() {
var $quote = $(this);
var userId = $quote.parent().first().text(); /* For example */

/* See whether user is blocked */
if(blockUser[userId]) {
/* Hide text and br elements */
} else {
/* Show text and br elements */
}

});
}

我希望能够隐藏从“要隐藏/显示的文本 1”到“要隐藏/显示的文本 3”的部分。我设想使用 JQuery $var.Hide() 和 $var.Show() 方法,但我正在努力解决如何将我想要隐藏到 $var 中的部分。

如有任何帮助,我们将不胜感激。
谢谢,
理查德

最佳答案

我写了一个示例,也许可以帮助:

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.11.1.min.js" type="text/javascript" ></script>
</head>
<body>
<div class = "cls" id = "1234">
<quote>...</quote>
<p style="font-size: medium; height: auto; line-height: normal;">"Text to hide/show 1"</p>
<br />
<p style="font-size: medium; height: auto; line-height: normal;">"Text to hide/show 2"</p>
<br />
<p>"Text to hide/show 3"</p>
</div>
<script>
for(var i=0; i<3; i++){
(function(i){
$("#1234 p").eq(i).click(function(){
$("#1234 p").show();
$("#1234 p").eq(i).hide();
});
})(i);
}
</script>
</body>
</html>

关于javascript - Jquery隐藏 block 外的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24381203/

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