Question

我根本不懂JS。我只知道HTML和CSS。否则，我不会问XD

所以，我想要的是：

If .remove contains "N/A", then display:none;
Else, display:block;

我知道这可能超级简单，但我不懂JS，这让我很害怕。如果有人可以为我编写代码，我会非常感激。

编辑：这是一个论坛。

.remove是一个包含自定义配置文件字段的span类，当该字段为空时，显示N / A.所以，如果它是空的，我不希望它显示N / A我希望它根本不显示（因此，显示：无;）。如果填充它，我希望它可见并显示出来。我尝试过其他一些声称可以工作的代码但是没有，例如</ p>

<script>
$('.remove:contains("N/A")').remove();
</script>

这个剧本的原始编码员说要在场地周围加上“删除”的范围。

EDIT2：我已经使用了代码，并且正在使用代码。它有点像它应该工作，但是当我在字段中有文本而不是将其留空时，它仍然没有显示。

EDIT3：个人资料模板的部分。当没有文本时，字段9和10是我想要隐藏的字段。我使用了代码，当有WAS文本时它们仍然没有显示。

<div style="width:200px;padding: 5px 0;background:#100E12;font-size:10px;font-family:times;font-variant:small-caps;letter-spacing:1px;"><!-- |field_8| -->
<span class="remove"><!-- |field_9 --></span>
<span class="remove"><!-- |field_10 --></span></div>

解决方案（Mehmet Eren Yener）

jQuery( document ).ready(function( $ ) {
  var text = $('.remove').text()

  if(text == 'n/a','N/A')
  {
       $('.remove').css('display','none');            
  }
  else
  {
  }

});

Answer 1

<script>
$(function(){
   if($('.remove').text() == "N/A") {
      $(this).remove();
   }
});
</script>

Answer 2

Fiddle

jQuery( document ).ready(function( $ ) {
  $( "#button" ).click(function() {       
      var textVal = $("#textBox").val();
          if(textVal == "") {
               $('#textBox').css('display','none');            
          }
    });
});

当文本框为空并按下提交按钮时，文本框将消失。这是一个简单的表格空验证，如果你想将它与span类一起使用，它将是相同的。如果您不想通过按钮激活它，请单击

jQuery( document ).ready(function( $ ) {          
    var textVal = $("#textBox").val();
    if(textVal == "") {
        $('#textBox').css('display','none');            
     }
});

Answer 3

<html>
<head>
    <title>Testing</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <style type="text/css">
        span.remove{
            background: #fc0;
            display: block;
            padding: 10px;
            margin: 3px;
            color: #333;
            font-weight: bold;
        }
    </style>
    <script type="text/javascript">
    $(window).load(function(){
        $('.remove').each(function(){
            var data = $(this).text();
            if(data == 'N/A') {
                $(this).remove();
            }
        });
    })
    </script>
</head>
<body>
    <span class="remove">N/A</span>
    <span class="remove">Data</span>
    <span class="remove">N/A</span>
    <span class="remove">Data</span>
    <span class="remove">Data</span>
    <span class="remove">N/A</span>
</body>
</html>

我希望这可以帮到你

Answer 4

if (.remove == "N/A") {
     //display none
} else {
     //display block
}

我假设.remove是一个已定义的变量而N / A是一个字符串。此外，＆＃39;显示 _ _ ＆＃39;你的HTML的一部分？即你需要使用DOM来访问HTML对象块吗？

有人可以为我编写一个简单的JS代码吗？

4 个答案: