avatar
Latest

How can I select an element by name with jQuery?

javascript html jquery dom jquery-selectors
avatar
K Patel
207    1 year ago

Have a table column I'm trying to expand and hide:

jQuery seems to hide the td elements when I select it by class but not by element's name.

For example, why does:

$(".bold").hide(); // selecting by class works
$("tcol1").hide(); // select by element name does not work

Note the HTML below, the second column has the same name for all rows. How could I create this collection using the name attribute?

<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>  
<tr>    
    <td>data1</td>
    <td name="tcol1" class="bold"> data2</td>
</tr>
0
0
0
Answers { 1 }
avatar
K Patel
1 year ago

You can use the attribute selector:

$('td[name=tcol1]') // matches exactly 'tcol1'

$('td[name^=tcol]') // matches those that begin with 'tcol'

$('td[name$=tcol]') // matches those that end with 'tcol'

$('td[name*=tcol]') // matches those that contain 'tcol'

0
0
0
Related Question
Why use Redux over Facebook Flux?
Loop inside React JSX
How to pass props to {this.props.children}
How do I redirect to another webpage?
How do JavaScript closures work?
How to check whether a string contains a substring in JavaScript?
How do I check if an element is hidden in jQuery?
What does “use strict” do in JavaScript, and what is the reasoning behind it?
How do I remove a particular element from an array in JavaScript?
Why does HTML think “chucknorris” is a color?
Hot Question
How to fix ReferenceError: primordials is not defined in node
Make a Column with an Expanded Widget scrollable
How can you float: right in React Native?
Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn't work
Flutter plugin not installed error;. When running flutter doctor
What does compact() do in Laravel?
Flutter programmatically closing the app
How to fix 'SocketException: OS Error: Connection timed out, errno = 110, address = 192.168.5.10, port = 49590' error in flutter
How to concatenate two JSX fragment or variables or string and component (in Reactjs)?
How to deploy a React App on Apache web server