javascript - 如何在没有 id 的情况下在另一个元素中查找元素

Question

我试图在选择下拉列表的值发生变化时更改某些输入元素的值。

当选择下拉列表发生变化时，我想更改一些隐藏的文本框和一个带有 class="owner" 的 td 的普通文本框。

在 td 标签中，有多个带有 type="hidden" 的元素和一个 input type= text。我想更改 type="hidden" 和 id 以 _lkid 和 _lkold 结尾的元素的值，并且然后 td 中唯一的元素是 type="text" 并且在 span 标签中

我没有 td 中元素的 id，因为它们是自动生成的，我也不能为这些元素分配一个类。我只能将类分配给 td。

我可以更改隐藏文本的值，但我不确定如何更改 type="text" 字段。任何指示都会有所帮助。

Jsfiddle:https://jsfiddle.net/4honph7n/3/

这个 js 可能不是编写的最好/有效的代码，使用 jquery 采取一些小步骤

HTML

<select class="selectClass">
    <option>Option 1</option>
    <option>Option 2</option>
</select>
<table>
    <tr>
        <td class="owner">
            <select>
              <option>1</option>
              <option>2</option>
            </select>
            <input type="hidden" id = "someid_lkid" value="00590000002BIF7">
            <input type="hidden" id = "someid_lkold" value="Some Text">
                <!-- there are some more hidden fields -->
         <span class="lookupInput">
            <input type="text" id = "someid" value="Some Text">
         </span>
        </td>
    </tr>
</table>

Js

$(document).ready(function () {
    $('.selectClass').change(function() {
        $('.owner').each(function(i) {
            $(this).find("input[type='hidden']").each(function(){
               if($(this).attr('id').indexOf("lkid") > -1){
                   $(this).val('new id');
                   alert($(this).val());
               }
               if($(this).attr('id').indexOf("lkold") > -1){
                   $(this).val('new text');
                   alert($(this).val());
               }


            })
        })

    })
})

Answer 1

如果你想为所有输入分配相同的文本/值，那么

$(document).ready(function () {
    $('.selectClass').change(function () {
        $('.owner input[id$="lkid"]').val('new id');
        $('.owner input[id$="lkold"]').val('new text');

        $('.owner input:text').val('new val');

    })
})

演示:Fiddle