Need to hide by name attribute

Question

I need to hide tr by attribute name here is the code

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

I tried the below code but its not working

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

If is there any way using js,jquery or css to hide by name attribute please assist me.

score 2 · Accepted Answer · answered May 27 '14 at 07:44

2

Your code seems to be working, you are probably try to access before elements added to DOM, use document.ready to ensure element get added to DOM. Or but the script just before the body ending tag.

Live Demo

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

or, putting it just before ending body tag.

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

answered May 27 '14 at 07:44

Adil

146,340
25
209
204

Im getting xyz[0] is undefined when im adding this code – user2787474 May 27 '14 at 07:57
This is because the getElementsByName did not return the object you are looking for, did you put code in document.ready? or just before ending body tag? as suggested in answer – Adil May 27 '14 at 08:01
Did you include jQuery for that? http://stackoverflow.com/questions/1458349/installing-jquery – Adil May 27 '14 at 08:47
yes but getting error Blocked loading mixed active content "http://code.jquery.com/jquery-latest.min.js" – user2787474 May 27 '14 at 09:10
Can you just put script tag just just before body ending tag as suggested in answer – Adil May 27 '14 at 09:18
Its netsuite website my account page – user2787474 May 27 '14 at 09:38

Milind Anantwar · Answer 2 · 2014-05-27T07:52:55.927

0

You need to wrap the code in dom ready handler. also can use name-value selector to target the tr:

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

edited May 27 '14 at 07:52

answered May 27 '14 at 07:37

Milind Anantwar

81,290
25
94
125

Kheema Pandey · Answer 3 · 2014-05-27T08:38:54.587

0

Here is the CSS solution using attribute selector.

this selector will look the see word. Check the DEMO.

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

See the attached screenshot. enter image description here

edited May 27 '14 at 08:38

answered May 27 '14 at 08:16

Kheema Pandey

9,977
4
25
26

any specific browser you are looking for? – Kheema Pandey May 27 '14 at 08:25
I change the color text only to show that it will work. if you will use `display:none;` the text will hide. – Kheema Pandey May 27 '14 at 08:27
I've also included a screenshot as well here. – Kheema Pandey May 27 '14 at 08:37
No its not working i need to apply it on see items ordered...not on only see word – user2787474 May 27 '14 at 10:03
your question was misguided as Question says `hide by using name attribute`. can you share what text you are using for `name attribute` for visible items. – Kheema Pandey May 27 '14 at 10:05

score 0 · Answer 4 · answered May 27 '14 at 09:00

Maybe this works. Demo here: 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";

Need to hide by name attribute

4 Answers4