如何使用jquery将文本值推送到其父级和同级分区

我需要从以下输入字段中选择所有值，并将其添加到各自的div中。。见下文

<div id='table_row_div'>
  <div id='txtbox'><input type=text name='from' value='<?php echo $someVal?>'></div>
  <div id='splited'>
    <div new="0"><div>i want text's splited value here</div>
    <div new="1"><div>i want text's splited value here</div>
    <div new="2"><div>i want text's splited value here</div>
  </div>
</div>

---

但这不起作用…

如果您使用“new”属性正确关闭div标记，可能会有所帮助。

第一件事-不要多次使用

ID

。ID被设计为唯一的

如果类不是唯一的，请更改类的

ID

您可以这样实施所需的解决方案：

HTML

<div class='table_row_div'>
    <div>
        <input type='text' class='txtbox' name='from' value='<?php echo $someVal?>'>
    </div>
    <div class='split'>
        <div new="0">First split value</div>
        <div new="1">Second split value</div>
        <div new="2">Third split value</div>
    </div>
</div>

---

.

如果此块重复多次，那么您将创建非常无效的XHTML。

ID

应该使用一次，而且只能使用一次。实际上，我编写这些代码只是为了显示我正在使用的方法。。实际代码足够长…：）@城镇。。美丽的。。杰出的真的很有帮助。。可爱的。。。

<div class='table_row_div'>
    <div>
        <input type='text' class='txtbox' name='from' value='<?php echo $someVal?>'>
    </div>
    <div class='split'>
        <div new="0">First split value</div>
        <div new="1">Second split value</div>
        <div new="2">Third split value</div>
    </div>
</div>

$('.txtbox').each(function() {
    var arrayFromDB = $(this).val().split(',');
    var splitDiv = $(this).closest('.table_row_div').find('.split');
    $('div[new~="0"]', splitDiv).text(arrayFromDB[0]);
    $('div[new~="1"]', splitDiv).text(arrayFromDB[1]);
    $('div[new~="2"]', splitDiv).text(arrayFromDB[2]);
});