Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要隐藏<;tr>;按名称属性_Javascript_Jquery_Css - Fatal编程技术网

Javascript 需要隐藏<;tr>;按名称属性

Javascript 需要隐藏<;tr>;按名称属性,javascript,jquery,css,Javascript,Jquery,Css,我需要通过属性名隐藏tr,这是代码 <tr name="see items ordered"> <td> </td> </tr> 我尝试了下面的代码,但它不工作 <script type="text/javascript"> var xyz = document.getElementsByName("see items ordered"); xyz[0].style.display="none"; </script>

我需要通过属性名隐藏tr,这是代码

<tr name="see items ordered">
<td>
</td>
</tr>

我尝试了下面的代码,但它不工作

<script type="text/javascript">
var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";
</script>

var xyz=document.getElementsByName(“参见订购的项目”);
xyz[0]。style.display=“无”;

如果有任何方法可以使用js、jquery或css隐藏“按名称”属性,请帮助我。

您需要将代码包装到dom就绪处理程序中。还可以使用名称值选择器以tr为目标:

$(document).ready(function(){
  $('tr[name="see items ordered"]').hide();
});

您的代码似乎正常工作,您可能正在尝试访问添加到DOM中的元素之前,请使用document.ready确保元素添加到DOM中。或者只是在正文结束标记之前的脚本

$(document).ready(function(){
    var xyz = document.getElementsByName("see items ordered");
    xyz[0].style.display="none";
});
或者,把它放在body标签的末尾

<script type="text/javascript">
   var xyz = document.getElementsByName("see items ordered");
   xyz[0].style.display="none";
 </script>
</body>

var xyz=document.getElementsByName(“参见订购的项目”);
xyz[0]。style.display=“无”;

以下是使用属性选择器的CSS解决方案

此选择器将查看
请参见
单词。检查

tr[name~="see"]
{color:green;}
请参阅附带的屏幕截图。

也许这样行得通。此处演示:


当Im添加此代码var xyz=document.getElementsByName(“请参阅订购的项目”)时,Im getting xyz[0]未定义;xyz[0]。style.display=“无”;这是因为getElementsByName没有返回您要查找的对象,您是否已将代码放入document.ready中?还是就在body标签结束之前?正如回答中所建议的那样,您是否为此包括jQuery?是的,但是加载混合活动内容时被阻止了错误“”您可以按照回答中的建议将脚本标记放在正文结尾标记的前面吗?您正在寻找的任何特定浏览器?我更改颜色文本只是为了显示它可以工作。如果要使用
显示:无文本将隐藏。我在这里还包括了一个屏幕截图。不,它不起作用,我需要将它应用于查看已订购的项目…不只是查看单词您的问题被误导了,因为问题说
使用名称属性隐藏
。您是否可以共享用于可见项目的
名称属性
的文本。
<table>
    <tr name="see items ordered">
        <td>
            Test 1
        </td>
    </tr>
    <tr>
        <td>
            Test 2
        </td>
    </tr>
</table>
var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";