需要按名称属性隐藏

Question

我需要通过属性名称隐藏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>

如果有任何方法使用js，jquery或css隐藏名称属性请帮助我。

Answer 1

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

<强> Live Demo

$(document).ready(function(){
    var xyz = document.getElementsByName("see items ordered");
    xyz[0].style.display="none";
});

或者，在结束身体标记之前放置它。

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

Answer 2

您需要将代码包装在dom ready处理程序中。也可以使用名称 - 值选择器来定位tr：

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

Answer 3

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

此选择器将查看see字。查看 DEMO 。

tr[name~="see"]
{color:green;}

请参阅随附的屏幕截图。

Answer 4

也许这有效。在这里演示：http://jsfiddle.net/3K8Ft/

<table>
    <tr name="see items ordered">
        <td>
            Test 1
        </td>
    </tr>
    <tr>
        <td>
            Test 2
        </td>
    </tr>
</table>

JS：

var xyz = document.getElementsByName("see items ordered");
xyz[0].style.display="none";