Comment puis-je sélectionner un élément par son nom avec JQuery?

Question

Comment puis-je sélectionner un élément par son nom avec JQuery?

Demandé el 10 de Juillet, 2009: Quand la question a-t-elle été
353983 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Avoir une colonne de table, je suis en train de développer et de cacher:

jQuery semble cacher les éléments td lorsque je sélectionne par classe , mais pas par l'élément de nom.

Par exemple, pourquoi:

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

Remarque le code HTML ci-dessous, la deuxième colonne du même nom pour toutes les lignes. Comment pourrais-je créer cette collection à l'aide de l'attribut de nom?

<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>

Demandé el 10 de Juillet, 2009 par T.T.T.

Answer 1

5 Réponses

Answer 2

2691voto

Jon Erickson Points 29643

vous pouvez utiliser le sélecteur d'attribut

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

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

Répondu el 10 de Juillet, 2009 par Jon Erickson (29643 Points )

Answer 3

322voto

user2804791 Points 109

Un attribut peut être sélectionné à l'aide de [attribute_name=value]. Voir l'exemple ici:

var value = $("name='nameofobject'");

Répondu el 22 de Septembre, 2013 par user2804791 (109 Points )

Answer 4

84voto

Andreas M. Points 303

Si vous avez quelque chose comme:

<input type="checkbox" name="assetCheckbox" value="11" checked="">
<input type="checkbox" name="assetCheckbox" value="12">

Vous pouvez lire tous comme ça:

jQuery("input[name='mycheckbox']").each(function() {
    console.log( this.value + ":" + this.checked );
});

Répondu el 9 de Juillet, 2014 par Andreas M. (303 Points )

Answer 5

32voto

Your Friend Ken Points 2615

Vous pourriez obtenir le tableau d'éléments par nom de l'ancienne et de passer ce tableau à jQuery.

<html>
<head>
    <title>sandBox</title>
</head>
<body>
    <input type="radio" name="chName"/><br />
    <input type="radio" name="chName"/><br />
    <input type="radio" name="chName"/><br />
    <input type="radio" name="chName"/><br />
    <input type="button" onclick="toggleByName();" value="toggle"/>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    function toggleByName() {
        var arrChkBox = document.getElementsByName("chName");
        $(arrChkBox).toggle();
    }
</script>

remarque: la seule fois que vous avez une bonne raison d'utiliser l'attribut "name" doit être pour les checkbox ou radio entrées.

Ou vous pouvez simplement ajouter une autre classe les éléments de la sélection.(C'est ce que je ferais)

<html>
<head>
    <title>sandBox</title>
</head>
<body>
    <table>
        <tr>
            <td>data1</td>
            <td class="bold rowToToggle">data2</td>
        </tr>
        <tr>
            <td>data1</td>
            <td class="bold rowToToggle">data2</td>
        </tr>
        <tr>
            <td>data1</td>
            <td class="bold rowToToggle">data2</td>
        </tr>
    </table>
<input type="button" onclick="toggleByClass(true);" value="show"/>
<input type="button" onclick="toggleByClass(false);" value="hide"/>
</body>
</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    function toggleByClass(bolShow) {
        if (bolShow) {
            $(".rowToToggle").show();
        } else {
            $(".rowToToggle").hide();
        }
    }
</script>

Répondu el 11 de Juillet, 2009 par Your Friend Ken (2615 Points )

Answer 6

-4voto

CalebHC Points 2733

Vous pouvez obtenir de l'élément en JQuery en utilisant l'attribut d'ID comme ceci:

$("#tcol1").hide();

Répondu el 10 de Juillet, 2009 par CalebHC (2733 Points )

Comment puis-je sélectionner un élément par son nom avec JQuery?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment puis-je sélectionner un élément par son nom avec JQuery?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: