Javascript 获取表中的所有select并用其选项替换它们

Javascript 获取表中的所有select并用其选项替换它们,javascript,jquery,html,Javascript,Jquery,Html,假设我有一个表,我想用它的选项更改每个选择 例如,如果表中有以下内容: <td> <select> <option>first option</option> <option selected>second option</option> <option>third option</option> </select> <

假设我有一个表,我想用它的选项更改每个选择

例如,如果表中有以下内容:

<td>
    <select>
        <option>first option</option>
        <option selected>second option</option>
        <option>third option</option>
    </select>
</td>

测试
第一购股权
第二种选择
第三种选择
第一购股权
第二种选择
第三种选择

您发现
这个
关键字指的是所选的元素。但是
text
是一个jQuery函数,在
上不作为方法出现

要能够使用
this
和jQuery,您需要将其包装到
$(this)
. 使用
parents
选择
TD
,然后使用
文本进行更改

这将得到您的示例所提供的预期结果

$(“#表选择”).find(“:selected”).each(函数(){
$(this.parents(“td”).text($(this.text());
})

测试
第一购股权
第二种选择
第三种选择
第一购股权
第二种选择
第三种选择

您发现
这个
关键字指的是所选的元素。但是
text
是一个jQuery函数,在
上不作为方法出现

要能够使用
this
和jQuery,您需要将其包装到
$(this)
. 使用
parents
选择
TD
,然后使用
文本进行更改

这将得到您的示例所提供的预期结果

$(“#表选择”).find(“:selected”).each(函数(){
$(this.parents(“td”).text($(this.text());
})

测试
第一购股权
第二种选择
第三种选择
第一购股权
第二种选择
第三种选择
<td>
    second option
</td>