Wie kann ich ein Element nach Namen mit jQuery auswählen?

Question

Wie kann ich ein Element nach Namen mit jQuery auswählen?

Gefragt el 10 de Juli, 2009: Wann wurde die Frage gestellt
1954920 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich habe eine Tabellenspalte, die ich versuche zu erweitern und zu verbergen. jQuery scheint die <td> Elemente, wenn ich sie mit class aber nicht durch das Element name .

Zum Beispiel:

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

Beachten Sie das unten stehende HTML. Die zweite Spalte hat die gleiche name für alle Zeilen. Wie kann ich diese Sammlung mit Hilfe des name Attribut?

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

Gefragt el 10 de Juli, 2009 von T.T.T.

Answer 1

5 Antworten

Answer 2

2747voto

Jon Erickson Punkte 107332

Sie können die jQuery-Attribut-Selektor :

$('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'

Beantwortet el 10 de Juli, 2009 von Jon Erickson (107332 Punkte )

Answer 3

337voto

user2804791 Punkte 2939

Jedes Attribut kann mit [attribute_name=value] Weise. Siehe das Beispiel aquí :

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

Beantwortet el 22 de September, 2013 von user2804791 (2939 Punkte )

Answer 4

86voto

Andreas L. Punkte 2620

Wenn Sie etwas haben wie:

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

Sie können alles wie folgt lesen:

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

Der Schnipsel:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="mycheckbox" value="11" checked="">
<input type="checkbox" name="mycheckbox" value="12">

Beantwortet el 9 de Juli, 2014 von Andreas L. (2620 Punkte )

Answer 5

34voto

Your Friend Ken Punkte 8164

Sie könnten das Array von Elementen durch den Namen die altmodische Art und Weise erhalten und übergeben, dass Array zu jQuery.

function toggleByName() {
  var arrChkBox = document.getElementsByName("chName");
  $(arrChkBox).toggle();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

Hinweis: Der einzige Grund für die Verwendung des Attributs "Name" sollte die Verwendung von Kontrollkästchen oder Radioeingaben sein.

Oder Sie könnten einfach eine weitere Klasse zu den Elementen für die Auswahl hinzufügen (so würde ich es machen).

function toggleByClass(bolShow) {
  if (bolShow) {
    $(".rowToToggle").show();
  } else {
    $(".rowToToggle").hide();
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

Beantwortet el 11 de Juli, 2009 von Your Friend Ken (8164 Punkte )

Answer 6

32voto

Shrikant D Punkte 747

Sie können den Wert des Namens aus einem Eingabefeld mit dem Element name in jQuery abrufen:

var firstname = jQuery("#form1 input[name=firstname]").val(); //Returns ABCD
var lastname = jQuery("#form1 input[name=lastname]").val(); //Returns XYZ 
console.log(firstname);
console.log(lastname);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="form1" id="form1">
  <input type="text" name="firstname" value="ABCD"/>
  <input type="text" name="lastname" value="XYZ"/>
</form>

Beantwortet el 15 de Juni, 2015 von Shrikant D (747 Punkte )

Wie kann ich ein Element nach Namen mit jQuery auswählen?

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Wie kann ich ein Element nach Namen mit jQuery auswählen?

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: