1

中に乱数が入った4つのdivがあります

呼び出すとき$("#result1 span").text()、出力は空白です。$("#result1 span").html()ただし、出力を呼び出すと値が得られます。

HTMLなしで値を取得するにはどうすればよいですか？

出力は次のようになります。

<style type="text/css">
        #number {position:relative; top:-225px;left:584px;width:230px;height:10px;}
        #number span {padding:14px; margin:2px; color:orange; font-size:30px;}
        #number input:hover{opacity:0.9; filter:alpha(opacity=90);}
        #number input{opacity:1.0; filter:alpha(opacity=100);}
        #generate {position:relative; top:35px; left:-1px; width:95px; height:25px;}
        #reset {position:relative; top:35px; left:5px; width:95px; height:25px;}
    </style>1

</style>必要な値は、終了タグの直後です"1"

完全なhtml：

<div id="number">
<span id="result1"></span>
<span id="result2"></span>
<span id="result3"></span>
<span id="result4"></span>
<button id="generate">Generate</button>
<button id="reset">Restart</button>
</div>

Javascript：

$('#result1').html((Math.random() * 10) >> 0);
$('#result2').html((Math.random() * 10) >> 0);
$('#result3').html((Math.random() * 10) >> 0);
$('#result4').html((Math.random() * 10) >> 0);
4

4 に答える 4

1

私はあなたの問題を見ていると思います。$（ "＃result1 span"）。text（）witchは$（'＃result1'）。find（'span'）と同等であり、 "＃result1"にネストされた最初のスパンのテキストを検索します

「＃result1」にはネストされたスパンがないように見えますが、実際には「＃result1」であるスパンのテキスト値が必要です。

私が正しければ$（'＃result1'）。text（）はあなたが探しているコードです。

于 2012-04-28T19:41:01.130 に答える
1

これを試してください:(これにより、4つのスパンすべてのテキストが1つずつ返されます）

$("#result1 span").each (function () {
    console.log($(this).text());
});
于 2012-04-28T19:25:49.260 に答える
1

少なくとも1つ、セレクターが間違っています。$（ "＃result1 span"）。text（）は、result1内にスパンがないため、何も提供しません。result1はスパンです。セレクターを$（ "＃result1"）に変更して、何が得られるかを確認します。

セレクターを変更するだけでうまくいきます。

http://jsfiddle.net/ccross59/TnbCc/1/

于 2012-04-28T19:33:02.687 に答える
1

IDを使用して「このテキストが必要」をスパン内に配置できると、はるかに簡単になります。その場合は、そのIDの.text（）を取得するだけです。マークアップを変更できない場合は、spanの.html（）を取得して、 ""の後のコンテンツの文字列一致を取得できますが、これは非常に脆弱です。

于 2012-04-28T19:34:58.183 に答える