2

この単純なタスクを理解できないようです。値を受け入れ、リンクがクリックされたときに値を変更したい入力テキストフィールドがあります。私のHTMLコードは以下の通りです：

<body>
    <div id="outsideContainer">
    <div id="guessContainer">
        <h3> Guess a number between 1 and 10 </h3>

        <input id="txtfield" name="txtfield" type="text" class="value"/><br>

        <a href=" " class="query"> Submit here </a> 
    </div>
    <div id="guessShow">
        <p class="hotter hideStuff" > Getting Hotter!! </p>
        <p class="colder hideStuff"> Getting Colder, BRRR!!! </p>
        <p class="gotIt hideStuff"> Awesome! You have guessed the number </p>
    </div>
    </div>
    </body>

私がやりたいのは、そのタグに表示されるテキストを class = "value" で何かに変更することです。使ってみました

jQuery(document).ready(function(){
         $('.query').on('click', function(){
            $(this).closest('#guessContainer').find('.value').css("value", "whoa");
            });
            });

しかし、それは機能していません。また、.css メソッドを使用して値を入力に割り当てようとしましたが、それも機能しませんでした。どんな助けでも大歓迎です。

4

5 に答える 5

3

で試してください.attr()

   $(this).closest('#guessContainer').find('.value').attr("value", "whoa");

また

 $(this).closest('#guessContainer').find('.value').val("whoa");
于 2013-06-06T16:43:00.487 に答える
1 
$(document).ready(function() {
    $('.query').on('click', function() {
        $('#guessContainer .value').val("whoa");
    });
});

これはうまくいくでしょう。.css()変更しようとしているのは CSS プロパティではないため、関数を使用して値を代入しません。

于 2013-06-06T16:44:14.117 に答える
0

valメソッドを使用できます。ID を使用しているため、セレクターを単純化することもできます。

$('#guessContainer input.value').val("whoa");
于 2013-06-06T16:43:30.280 に答える