web-dev-qa-db-ja.com

jqueryを使用して名前で要素を取得する方法は?

iDやクラスを使用せずにjqueryを使用して名前でhtml要素を取得する方法は?それを行う方法はありますか?

9
sahar

与えられた正解は、属性値の前後に引用符が含まれているものだけであることを知っておく必要があります。

$("[name='value']")

値を引用符で囲むことは必須の要件です。以下を参照してください。 http://api.jquery.com/attribute-equals-selector/

NodeNameまたは「tag」を参照して「name」を使用している場合は、その文字列で選択するだけです。

$("div")
$("a")
$("p")
$("input")
$("body")
21
Rick

これを使って:

$('[name=thename]');

注:パフォーマンス上の理由から、タグ名を指定することをお勧めします。したがって、冬の名前の画像を探している場合は、これを使用します。

$('img[name=winter]');
4
Joseph Silber

タグ名なのか名前付き属性なのかわからない。だからここに両方があります-

属性がセレクターに等しい[name = "value"]

http://api.jquery.com/attribute-equals-selector/

または要素セレクター(「要素」)

http://api.jquery.com/element-selector/

// name attribute selector
$('[name=whatever]').each(function(index) {
  alert(index);
  // and of course depending on your element utilize $(this).doSomethingCool
});

// tag name selector for all h1 tags
$('h1').each(function(index) {
  alert(index);
  // and of course depending on your element utilize $(this).doSomethingCool
});
3
Kris Krause

Name属性を意味する場合、これは次のとおりです。

$('[name="value"]')

要素名を意味する場合は、次のようになります。

$('ul')
3
emboss
$('tagName')...

にとって <tagName />

または

$('[name="attributeName"]')...

にとって <input name="attributeName" />

JQueryセレクターはCSSセレクターのように機能します。

1
Daniel A. White

JQueryでは、idとclassだけでなく、多くのものを使用できます。 CSS3セレクター仕様 は他にも使えるものがたくさんあり、jQueryにはこれ以上のものがあると思います。たとえば、タグタイプ、属性値、階層内の位置を使用できます。これらはすべて有効なjQueryセレクターオブジェクトです。

$("div")
$("div span")
$("[name=nyName]");
$("div span [name=nyName]");
$("ul li [name=nyName]");

多くのブラウザーはネイティブコードでの検索をサポートしているため、多くの場合、タグタイプ、ID値、およびクラス名に基づくセレクターを使用すると、パフォーマンスが向上します。

1
jfriend00

次のような名前で要素を取得します

$("div")

[〜#〜]デモ[〜#〜]

0
Rafay

値を取得するために、複数の属性を使用できます。そのうちの1つはname属性です。例えば

$("input[name='nameOfElement']").val();
0
Manmeet Khurana