avatar
Latest

How can I select an element by name with jQuery?

javascript html jquery dom jquery-selectors
avatar
K Patel
154    4 months 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
4 months 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
Cause: buildOutput.apkData must not be null
How to fix 'Object arrays cannot be loaded when allow_pickle=False' for imdb.load_data() function?
How do I check if a string contains a specific word?
How to change package name in flutter?
How to fix Invocation failed Unexpected Response from Server: Unauthorized in Android studio
How to downgrade Flutter SDK (Dart 1.x)
nvalid or corrupt jar file when trying to start selenium server from intelliJ
Why use Redux over Facebook Flux?
Unity-Android-App Crashes when Run First Time but From Second Time it Works Fine