jQuery 从字符串调用函数

发布于 2024-09-11 14:25:10 字数 352 浏览 4 评论 0原文

是否可以使用字符串来调用函数？

（即）我有一个变量 var target = 'next';。我想使用这个字符串调用 jquery 方法 next() 。我应该使用 target + '()' （这有点愚蠢）来调用 next() 吗？

我知道可以使用条件语句来完成。由于它是从用户处获取的字符串，但很难使用条件语句来实现所有这些。

在我的 jQuery 插件中，用户将传递值 prev、siblings 等作为选项，以便执行相应的 jQuery 方法。

我该如何实施？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

岁月流歌 2024-09-18 14:25:10

您可以使用括号表示法来访问包含以下字符串的成员标识符：

var target = 'next';
$("foobar")[target]();    // identical to $("foobar").next()

You can use the bracket notation to access the member with a string containing the identifier:

var target = 'next';
$("foobar")[target]();    // identical to $("foobar").next()

回复收藏 0 原文

心清如水 2024-09-18 14:25:10

如果您想使用 jQuery，答案非常优雅。因为 jQuery 是一个对象（可以像数组一样访问） - 您可以使用 $("selector")[target]()。

示例：

const target = 'next';
jQuery("selector")[target]();

如果您知道可以信任输入，则这将起作用。但是，如果您不确定这一点，则应该在尝试运行该函数之前检查该函数是否存在，否则会收到错误消息。

const target = 'doesNotExist';
const fn = jQuery('selector')[target];
if (jQuery.isFunction(fn)) {
  fn[target]();
}

If you're wanting to use jQuery, the answer is quite elegant. Because jQuery is an object (which can be accessed like an array) - you can use $("selector")[target]().

Examples:

const target = 'next';
jQuery("selector")[target]();

This will work if you know that you can trust the input. However, if you're not sure of this, you should check that the function exists before trying to run it otherwise you'll get an error.

const target = 'doesNotExist';
const fn = jQuery('selector')[target];
if (jQuery.isFunction(fn)) {
  fn[target]();
}

回复收藏 0 原文

七秒鱼° 2024-09-18 14:25:10

就我而言，我需要从 rel 属性获取值，然后将其解析为函数，这对我有用。

$jq('#mainbody form').submit(function(e){
    var formcheck = $jq(this).attr('rel');
    if (typeof window[formcheck] === 'function'){
        formok = window[formcheck]();
        e.preventDefault();
    }
});
function maincheck(){
    alert("Checked");
    return false;
}

和形式

<div id="mainbody">
<form action="mainpage.php" method="post" rel="maincheck">
<input type="hidden" name="formaction" value="testpost">
<label>Field 1 <input type="text" name="field1" value="<?=$_POST['field1'];?>"></label><br>
<label>Field 2 <input type="text" name="field2" value="<?=$_POST['field2'];?>"></label><br>
<input type="submit" value="Submit Form">
</form>
</div>

In my case I needed to get the value from a rel attribute and then parse it as a function, this worked for me.

$jq('#mainbody form').submit(function(e){
    var formcheck = $jq(this).attr('rel');
    if (typeof window[formcheck] === 'function'){
        formok = window[formcheck]();
        e.preventDefault();
    }
});
function maincheck(){
    alert("Checked");
    return false;
}

and the form

<div id="mainbody">
<form action="mainpage.php" method="post" rel="maincheck">
<input type="hidden" name="formaction" value="testpost">
<label>Field 1 <input type="text" name="field1" value="<?=$_POST['field1'];?>"></label><br>
<label>Field 2 <input type="text" name="field2" value="<?=$_POST['field2'];?>"></label><br>
<input type="submit" value="Submit Form">
</form>
</div>

回复收藏 0 原文

~没有更多了~