Javascript 如果更改了选择，则隐藏<；h5>；包含特定文本的_Javascript_Jquery

Javascript 如果更改了选择，则隐藏<；h5>；包含特定文本的

javascript jquery

Javascript 如果更改了选择，则隐藏<；h5>；包含特定文本的,javascript,jquery,Javascript,Jquery,如果选择选项已更改且文本包含2017年12月31日，我想隐藏文本 document.getElementById（'search-state'）。onchange=function（）{ jQuery（“h5:contains（'12/31/2018'））”）.css（'display'，'none'）； } 请选择一个州 AK-阿拉斯加阿拉巴马州阿肯色州 12/31/2017 2018年2月2日使用$（“h5”）.first（）并将文档.getElementById替换为$。请记住，

如果选择选项已更改且文本包含2017年12月31日，我想隐藏文本

document.getElementById（'search-state'）。onchange=function（）{
jQuery（“h5:contains（'12/31/2018'））”）.css（'display'，'none'）；
}


请选择一个州
AK-阿拉斯加
阿拉巴马州
阿肯色州
12/31/2017
2018年2月2日

使用

$（“h5”）.first（）

并将

文档.getElementById

替换为

。请记住，您使用的是

jQuery

$（“h5”）.first（）first（）

将获取标记的第一个元素

h5

。您还可以使用

$（“h5:contains（'12/31/2017'）”）

$（“#搜索状态”）。打开（“更改”，函数（）{
$（“h5”）.first（）.css（“显示”、“无”）；
})


请选择一个州
AK-阿拉斯加
阿拉巴马州
阿肯色州
12/31/2017
2018年2月2日

这里有一个解决你所有打字错误的答案。您也在寻找任何标题元素中都不存在的内容（您的HTML有

12/31/2017

，但您正在寻找

12/31/2018

）

$（'#搜索状态'）。更改（函数（）{
$（“h5:contains（'12/31/2017'））”）.hide（）；
})


请选择一个州
AK-阿拉斯加
阿拉巴马州
阿肯色州
12/31/2017
2018年2月2日

我不太了解jQuery。我看到您正在搜索2018年12月31日，而不是2017年12月31日。这可能会导致您的代码无法工作

这里您至少有一个纯javascript解决方案。对不起，我的jQuery知识很差

document.getElementById("search-state").onchange = function() {
    var h5Array = document.getElementsByTagName("h5");

    for (var i = 0; i < h5Array.length(); i++) {
        if (h5Array[i].innerHTML == "12/31/2017") {
            h5Array[i].style.display = "none";
        }
    }
}

document.getElementById（“搜索状态”）.onchange=function（）{
var h5Array=document.getElementsByTagName（“h5”）；
对于（var i=0；i

注意：在查找特定文本时，您不希望使用contains，因为它被认为对精确搜索效率低下。此外，您没有指明要显示或隐藏的内容。但是，切换是一个很好的功能，仅用于控制页面内容的可见性。正如您在下面看到的，您可以在切换函数中设置一个条件

您可以在jQuery中尝试切换命令：

<!DOCTYPE html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(document).ready(function(){

  $("#search-state").change(function(){    
       $("#answer").toggle($("h5").text()==="12/31/2017"); 
       // if you're just trying to hide first h5
       // $("h5").first().toggle($(this).text()==="12/31/2017");           
  });

});
</script>
<select id="search-state" name="search-state">
                            <option value="chooseState">Please choose a State</option>
                            <option value="AK">AK - Alaska</option>
                            <option value="AL">AL - Alabama</option>
                            <option value="AR">AR - Arkansas</option>
</select>
<h5>12/31/2017</h5>
<h5>02/02/2018</h5>

<p id="answer">Hide or show this text</p>


$（文档）.ready（函数（）{
$（“#搜索状态”）.change（函数（）{
$（“答案”）。切换（$（“h5”）.text（）=“12/31/2017”）；
//如果你只是想隐藏第一个h5病毒
//$（“h5”）.first（）.toggle（$（this.text（）=“12/31/2017”）；
});
});
请选择一个州
AK-阿拉斯加
阿拉巴马州
阿肯色州
12/31/2017
02/02/2018
隐藏或显示此文本

是的，无论选择了什么，我都希望隐藏此内容。是的，我正在使用jqueryCheck我的答案。你还需要什么吗？