Question

这是我的代码：

<div class="price-all mg-top-40px planolista">
                                   <span class="price1">3x<br>R$</span>
                                   <span class="price2">16,<span>63</span></span>
                                   <span class="avista">ou R$ 49,90 à vista</span>
                                   <select class="form-control form-plan variante" data-idplano="2">
                                                                 <option value="2">Light  3</option>
                                                                  <option value="3">Light  6</option>
                                                                  <option value="4">Light  9</option>                    
                                    </select>

这是我的js：

   $('body').on('change','.variante',function(){
   $.get("classes/acao.php", {mudarvalorplano: $(this).attr('data-idplano'), idvariavel: $(this).val()}, function(resposta){
      var retorno_reposta = resposta.split("###");

      $(this).parent('div').find('.price1').html('something');

   });

我无法更改类price2的内容

我该怎么办？这段代码是否有问题。

$(this).parent('div').find('.price1').html('something');

它不能正常工作

=（

Answer 1

您的代码中只有一个Price1类。为什么你需要一个遍历。更好地使用这样。

$('.price1').text('Something');

我猜这里不需要使用.html。

Answer 2

你试过jQuery方式吗？

$（＆＃34; .price1＆＃34）的HTML。（＆＃34;东西＆＃34）;

Answer 3

使用闭包因为在$.get()成功回调中，this指的是jqXHR对象。见例如：

$('body').on('change', '.variante', function () {
    var $price1 = $(this).closest('.price-all').find('.price1');
    $.get("classes/acao.php", {
        mudarvalorplano: $(this).data('idplano'),
        idvariavel: this.value
    }, function (resposta) {
        var retorno_reposta = resposta.split("###");    
        $price1.html('something');    
    });
});

Answer 4

你应该用text（）

替换html（）

我无法使用jquery访问元素

4 个答案: