使用jquery在html表中指定的td旁边的td中动态创建文本框

Question

大家好， 我需要动态创建文本框（取决于条件），当用户点击员工时，它应该添加到员工旁边，如果用户点击另一个元素，它应该被添加到另一个元素旁边

我试过跟随，但我无法获得准确的td和函数，我可以通过它添加文本框。

return Ember.RSVP.hash({
  question: this.store.query('question', {orderBy: 'framework', equalTo: id}),
  framework: this.store.find('frameworks', id),
  frameworks: this.store.findAll('frameworks')
}).then(({question, framework, frameworks}) => {
  let includedFramework = framework.get('includedFramework');
  let includedFrameworkModel = this.store.find('frameworks', includedFramework);
  return {question, framework, frameworks, includedFrameworkModel};
});

Answer 1

Html

<div>
  <div class="container">
    <div><input type="radio"/ name="somename" value="1">Val1</div>
    <div class="editor-wrapper"></div>
  </div>
  <div class="container">
    <div><input type="radio"/ name="somename" value="1">Val2</div>
    <div  class="editor-wrapper"></div>
  </div>
</div>

JS

$(document).ready(function() {
   $('input[name="somename"]').click(function() {
    $(this.closest('.container')).find('.editor-wrapper').html($('<input>'))
   });
});

jsfiddle

Answer 2

尝试这样的操作，当您点击第二个选项时，它将删除第一个文本框。

Jquery代码

<script>
$(document).ready(function(){

    $(".radio_action").click(function(){

        if($(this).val() == "E" ){ 

            $("#other_text").html(""); 
            $("#emp_text").html("<input type='text' >"); 
        }
        else if($(this).val() == "A" ) { 
            $("#emp_text").html("");        
            $("#other_text").html("<input type='text' >"); 
        }
    })      
});
</script>

HTML代码

<table>
<tr>
    <td><input type="radio" name="radio_type" value="E" class="radio_action" /> Employee</td>
    <td id="emp_text"></td>
</tr>
<tr>
    <td><input type="radio" name="radio_type" value="A" class="radio_action" /> Another Element</td>
    <td id="other_text"></td>
</tr>
</table>