Javascript 有人能为我编写一个简单的JS代码吗?
恐怕我一点也不懂JS。我只知道HTML和CSS。否则,我就不会问XD了 所以,我想要的是:Javascript 有人能为我编写一个简单的JS代码吗?,javascript,css,Javascript,Css,恐怕我一点也不懂JS。我只知道HTML和CSS。否则,我就不会问XD了 所以,我想要的是: If .remove contains "N/A", then display:none; Else, display:block; 我知道这可能非常简单,但我不知道JS,这让我很害怕。如果有人能为我编写这样的代码,我将不胜感激 编辑:这是一个论坛 .remove是一个span类,它包含一个自定义概要文件字段,如果保留为空,它将显示N/a。因此,如果保留为空,我不希望它显示N/a,我希望它根本不显示(因
If .remove contains "N/A", then display:none;
Else, display:block;
我知道这可能非常简单,但我不知道JS,这让我很害怕。如果有人能为我编写这样的代码,我将不胜感激
编辑:这是一个论坛
.remove是一个span类,它包含一个自定义概要文件字段,如果保留为空,它将显示N/a。因此,如果保留为空,我不希望它显示N/a,我希望它根本不显示(因此,display:none;)。如果它被填满了,我希望它可见并显示出来。我尝试过其他一些声称有效的代码,但它们不起作用,例如
<script>
$('.remove:contains("N/A")').remove();
</script>
我假设.remove是一个已定义的变量,N/a是一个字符串。另外,“display\uuuu”是HTML的一部分吗?i、 e.您需要使用DOM访问HTML对象块?
<script>
$(function(){
if($('.remove').text() == "N/A") {
$(this).remove();
}
});
</script>
$(函数(){
如果($('.remove').text()=“不适用”){
$(this.remove();
}
});
当文本框为空并按下“提交”按钮时,文本框将消失。这是一个简单的表单空验证,如果您想将其与span类一起使用,它将是相同的。如果你不想通过点击按钮激活它
jQuery( document ).ready(function( $ ) {
var textVal = $("#textBox").val();
if(textVal == "") {
$('#textBox').css('display','none');
}
});
测试
span.移除{
背景#fc0;
显示:块;
填充:10px;
保证金:3倍;
颜色:#333;
字体大小:粗体;
}
$(窗口)。加载(函数(){
$('.remove')。每个(函数(){
var data=$(this.text();
如果(数据=‘不适用’){
$(this.remove();
}
});
})
不适用
资料
不适用
资料
资料
不适用
我希望这能帮助你不要害怕。如果你能想出这么多的逻辑,你可能很容易学会用javascript来做。提供更多信息并提供一些html代码……我可以帮助你,但老实说,给我你想要的,你想要的是我不知道你的意思什么是
。删除指的是什么?那是选择器吗?我编辑了。remove指的是一个css类。我很确定它是一个css选择器。OP必须提供更多信息@user3024230。remove是一个css类。最初的编码员说将字段包围在一个范围内,该范围内有类“remove”,这与另一个做的相同:/隐藏它(sorta)并且在有文本时不显示。--,绝对我不知道你想要的是什么。。通过电子邮件告诉我,如果你不能告诉我,故事告诉我:这不是一个文本框。。。这是一个成员编辑的自定义配置文件字段。因为它不在页面上。人们在控制面板中编辑配置文件字段,点击提交。它不在个人资料上,下面是一个例子。在迷你配置文件的“闹鬼”下,它应该是“暗物质”,当你在div上添加一些思考时,它会出现,当div本身是空的时,它会消失,它更接近我想要的。但是,它不会是空的,它会有N/a,这是默认的“空”状态。只有N/a或任何其他单词
if (.remove == "N/A") {
//display none
} else {
//display block
}
<script>
$(function(){
if($('.remove').text() == "N/A") {
$(this).remove();
}
});
</script>
jQuery( document ).ready(function( $ ) {
$( "#button" ).click(function() {
var textVal = $("#textBox").val();
if(textVal == "") {
$('#textBox').css('display','none');
}
});
});
jQuery( document ).ready(function( $ ) {
var textVal = $("#textBox").val();
if(textVal == "") {
$('#textBox').css('display','none');
}
});
<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>