javascript - jQuery 链式函数和 "this": Where is my syntax incorrect in this example?

Question

情况如下:

我有 3 button

<button type="button" class="job-update-button wp-core-ui button-primary" id="delete-btn">Remove</button>
<button type="button" class="job-update-button wp-core-ui button-primary" id="update-btn">Update</button>
<button type="button" class="job-update-button wp-core-ui button-primary" id="add-btn">Add</button>

和一个input

<input type="hidden" name="jobAction" value="" />

谁的value应该与 id 有关以 button 为准已被点击。它可能看起来很愚蠢，但这是我整合页面逻辑的方法，以便服务器上的单个脚本可以处理一组相关的 AJAX 请求。

• delete-btn单击 --> jobAction获取value的delete
• update-btn单击 --> jobAction获取value的update
• add-btn单击 --> jobAction获取value的add

我正在使用的函数 click事件开始于

jQuery('.job-update-button').click(function(){
    // change the value of the memberAction hidden input based on which member-update-button was clicked
    jQuery('input[name="jobAction]"').val(jQuery(this).attr('id').substring(0, this.IndexOf('-')));

我正在尝试找出为什么我会这样

this.IndexOf is not a function.

我的想法是，当我调用this.IndexOf('-')时this指的是调用 substring 的对象，这是 jQuery(this).attr('id') 返回的字符串.

这有错吗？如果是这样，你能帮我理解为什么吗？有没有一种更有效、更紧凑的方式来完成整个过程？

Answer 1

你的 Jquery 函数搞砸了，你需要的是:

$('.job-update-button').click(function(){
// change the value of the memberAction hidden input based on which member-update-button was clicked
    var id = $(this).attr('id');
    var value = id.replace("-", " ");

    $('input[name="jobAction"]').val(value);

})

对于初学者来说，您不需要调用 jQuery，简写方式就是 $您的代码中似乎有一个 " 错误的地方。更改此:

'input[name="jobAction]"'

致:

'input[name="jobAction"]'

Working codepen example

请注意，而不是:

jQuery('.job-update-button').click(function(){}

我用过:

$('.job-update-button').click(function(){}

您可以每次都调用 jQuery，但 $ 更容易。

如果这不是您要查找的内容，请告诉我，我将进行编辑或删除。