Javascript 使用jQuery查找td和div之间的选定值_Javascript_Jquery_Html Table

Javascript 使用jQuery查找td和div之间的选定值

javascript jquery

Javascript 使用jQuery查找td和div之间的选定值,javascript,jquery,html-table,Javascript,Jquery,Html Table,下面的函数用于查找参考号，然后进行比较，如果找到相应的值，则根据输入框修改单元格值。这很好，但是，我如何修改下面的现有函数来捕获 <td><div>this value here</div></td> 以下是HTML标记： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Language" content="en-us">

下面的函数用于查找参考号，然后进行比较，如果找到相应的值，则根据输入框修改单元格值。这很好，但是，我如何修改下面的现有函数来捕获

<td><div>this value here</div></td>

以下是HTML标记：

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Language" content="en-us">

</head>

<body>

    Number:*
    <input type="text" id="number">
    <br> Items:
    <input type="text" id="item">
    <br> Color:
    <input type="text" id="color">
    <br>

    <br>

    <input type="button" onclick="changeit()" value="save">

    <br>

    <table id="data" style="width: 100%" cellspacing="1" class="style1">
        <tr>
            <td>
                <div><b>Number*</b></div>
            </td>
            <td>
                <div><b>items</b></div>
            </td>
            <td>
                <div><b>Colors</b></div>
            </td>
        </tr>
        <tbody>
            <tr>
                <td>
                    <div>
                        <div>123</div>
                    </div>
                </td>
                <td>
                    <div>Boats</div>
                </td>
                <td>
                    <div>red</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>456</div>
                </td>
                <td>
                    <div>Vehicles</div>
                </td>
                <td>
                    <div>blue</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div>789</div>
                </td>
                <td>
                    <div>Motorcycles</div>
                </td>
                <td>
                    <div>green</div>
                </td>
            </tr>
        </tbody>
    </table>

</body>

</html>


编号：*

项目：

颜色：






数*
项目
颜色
123
船
红色
456
车辆
蓝色
789
摩托车
绿色

更改

 var firstTd = $(this).find('td:first');

到

改变

 var firstTd = $(this).find('td:first');

到

你能不能只更改var firstTd=$（这个）.find（'td:first'）；to var firstTd=$（this.find（'td:firstdiv'）？好的，把它贴出来作为回答，我会接受的！或者你也可以这样做。if（$（firstTd）.text（）==valueToFind）到if（$（$（div），$（firstTd））.text（）==valueToFind）您不能只更改var firstTd=$（this.find（'td:first'）；to var firstTd=$（this.find（'td:firstdiv'）？好的，把它贴出来作为回答，我会接受的！或者你也可以这样做。if（$（firstTd）.text（）==valueToFind）到if（$（$div'，$（firstTd））.text（）==valueToFind）

 var firstTd = $(this).find('td:first div');