0

我需要从以下输入字段中选择所有值到它们各自的 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>

这些输入文本文件包含 (1,0,0), (0,1,1), (1,0,1) 类型值......上面的块大约是 49 次......我想要一个自动化系统拆分文本值，并在 attr(new) 的每个下一个 div 上仅推送“一个”字符；

我如何使用 jquery 来做到这一点。我尝试了以下类型的代码..

var inputVal = $("#table_row_div #txtbox input");
var arrayFromDB = inputVal.val().split(',');


inputVal.closest('div').closest('div').find('div[new~="0"]').text(arrayFromDB[0]);
inputVal.closest('div').closest('div').find('div[new~="1"]').text(arrayFromDB[1]);
inputVal.closest('div').closest('div').find('div[new~="2"]').text(arrayFromDB[2]);

但这不起作用...

4

2 回答 2

1

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

于 2011-05-10T20:07:23.947 回答
1

首先要做的事情-不要ID多次使用。ID 被设计为唯一的。

IDs如果它们不是唯一的，请更改您的课程。

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

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>

jQuery

$('.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]);
});

jsfiddle.net 上的工作演示。

于 2011-05-10T23:42:06.777 回答