jQuery/JavaScript - 在函数中单击按钮本身

Question

我需要一种方法来将元素按下到该元素调用的函数中，然后禁用它。

我尝试使用 $(this)，但不起作用，这是我的代码：

<script>
function x(){
    $(this).prop("disabled",true);
}
<script>
<input type='button' onclick='x()' value='Disable me' />
<input type='button' onclick='x()' value='Disable me' />

<script>
function x(){
    $(this).prop("disabled",true);
}
<script>
<input type='button' onclick='x()' value='Disable me' />
<input type='button' onclick='x()' value='Disable me' />

    function x(){
        $(this).prop("disabled",true);
    }

我想避免添加和调用 id，有什么办法可以做到吗？

谢谢你！

- 编辑 -

• 我无法编辑输入元素，它们位于另一个文件中。
• JS代码在html文件之前调用，我无法编辑html文件。

Answer 1

解决方案1：

您可以简单地附加一个单击事件处理程序，该处理程序以按钮类型的输入为目标，然后用于this定位调用事件的元素。

<script>
$(document).ready(function(){
$("input:button").click(function()
{
  $(this).prop("disabled",true);
});
});
</script>
<input type='button' value='Disable me' />
<input type='button' value='Disable me' />    

示例：https: //jsfiddle.net/DinoMyte/jmLynLsg/1/

解决方案2：

您可以从 javascript 函数传递this关键字，该函数将充当指向元素的指针。

 <script>
function x(obj){
        $(obj).prop("disabled",true);
    }
</script>
<input type='button' onclick='x(this)' value='Disable me' />
<input type='button' onclick='x(this)' value='Disable me' />

示例：https: //jsfiddle.net/DinoMyte/jmLynLsg/2/