2

data（）を使用している場合、＆の中から値を取得するにはどうすればよいですか？

サンプルコード：

<span data-name="username"> James</span>

：を使用してdata-nameの値を取得できます$("span:visible").data("name"); // OUTPUT : username が、値 "James"を取得したいので、最後に.text（）と.val（）を追加しようとしましたが、機能しません。

ありがとう。ジャック

4

5 に答える 5

2

Attribute Equalsセレクターを使用して要素を照合し、 text（）メソッドを使用してその内部テキストコンテンツを取得できます。

var spanText = $("span[data-name='username']:visible").text();

前のスペース文字Jamesが重要であり、フェッチする値にスペース文字を含めたくない場合は、$。trim（）を適用できます。

var trimmedSpanText = $.trim($("span[data-name='username']:visible").text());
于 2012-10-26T09:46:20.657 に答える
0

「ジェームズ」を入手するには、

$('span:visible[data-name="username"]').text().trim();
于 2012-10-26T09:46:34.263 に答える
0

これを行う別の方法：

$("span:visible").html()
于 2012-10-26T09:47:09.047 に答える
0

次を使用すると機能します。

$('span').text();

これを使うとき

$("span:visible").data("name")

コントロールはdata（）に渡されるため、text（）がどこから抽出されるかについて、JavaScriptは要素を理解しません。

于 2012-10-26T09:47:16.737 に答える
0 
<span id="spanTestData" data-name="username"> James</span>
$(document).ready(function () {
    $.trim($('#spanTestData').text());
});

//================================または==============/ /

<span data-name="username"> James</span>

$(document).ready(function () {
    $.trim($('span[data-name]:first').text());
});

//================================または==============/ /

デモ

<span data-name="username"> James</span>

<span id="spanTestData" data-name="username"> James 2</span>

<h1 style="font-size:larger; font-weight:bolder;"></h1>


 $(document).ready(function () {
        $('h1').text($.trim($('span[data-name]:first').text()) + ' ||| ' + $.trim($('#spanTestData').text()));
    });
于 2012-10-26T09:55:24.213 に答える