Question

我想使用jQuery 3.1.1更改输入字段的2个文本元素。从是=>向上，否=>向下，但是我发现这不适用于jQuery或Javascript。老实说，我确实需要帮助。



<div id="mxui_widget_RadioButtonGroup_351" data-mendix-id="281_14" class="mx-name-radioButtons2 dd" focusindex="0" widgetid="mxui_widget_RadioButtonGroup_351" style="">
    <div>
        <label class="radio-inline">
            <input type="radio" name="1556006129938-1719" value="true">Yes</label>
        <label class="radio-inline">
            <input type="radio" name="1556006129938-1719" value="false">No</label>
    </div>
</div>

我尝试了几次尝试，环顾了30篇文章，并尝试了以下尝试，但是失败了：


$('input.radio-inline')[0].html( "Omhoog" );

 $( "input:last" ).text( "Omhoog" );
/* $( "label" ).next().html('<input type="radio"  value="true">Omlaag</label>') */


/* $( "input[value='true']" ).text( "Hot Fasasauzz" );


$( "input[value='Hot Fuzz']" ).next().text( "Hot Fasasauzz" ); */

这是我最后的期望：



<div id="mxui_widget_RadioButtonGroup_351" data-mendix-id="281_14" class="mx-name-radioButtons2 dd" focusindex="0" widgetid="mxui_widget_RadioButtonGroup_351" style="">
    <div>
        <label class="radio-inline">
            <input type="radio" name="1556006129938-1719" value="true">Up</label>
        <label class="radio-inline">
            <input type="radio" name="1556006129938-1719" value="false">Down</label>
    </div>
</div>

Answer 1

那不是输入文本，而是label元素。您可以遍历类radio-inline的每个标签并更新textContent，例如：

$('label[class="radio-inline"]').each(function() {
    var el = $(this).contents().last()[0],
    textContent = el.textContent;

    if(textContent === 'Yes') {
        el.textContent = 'Up';
    }
    else if(textContent === 'No') {
        el.textContent = 'Down';
    }
});

Answer 2

您也可以使用以下jquery代码：

  $(document).ready(function(){
    $('label.radio-inline').each(function(){      
    if(($(this).text().trim())=='Yes'){ 
    $(this).text('Up'); 
    }   
else if(($(this).text().trim())=='No'){ 
    $(this).text('Down');
    }        
  })
})

这将很好地工作，但是我们需要对html结构进行如下一些修改

  <div id="mxui_widget_RadioButtonGroup_351" data-mendix-id="281_14" class="mx-name-radioButtons2 dd" focusindex="0" widgetid="mxui_widget_RadioButtonGroup_351" style="">
    <div>
      <input type="radio" name="1556006129938-1719" value="true" />
       <label class="radio-inline">Yes</label>
       <input type="radio" name="1556006129938-1719" value="false" />
       <label class="radio-inline">No</label>
    </div>
  </div>

Answer 3

您可以使用childNodes访问子元素，包括文本节点：

$('label.radio-inline')[0].childeNodes[1].nodeValue = 'Up'

如何使用3.1.1使用Jquery更改输入的文本？

3 个答案: