javascript - 动态 JQuery 对象选择器

标签 javascript jquery

我有一个 jquery 选择器,用于在由第 3 方创建的某些插件代码中选择一个对象。当我对一个搜索项进行硬编码时,它起作用了,但是当我尝试使用变量来调整搜索时,找不到该对象。

第 3 方代码不包括所有 CSS 代码的 id 句柄。因此有必要搜索字符串,在本例中是标签和标签内的关联值。

我在互联网上进行了搜索并尝试了各种似乎适用于其他人的样本,但没有成功。

有效的搜索是这样的:

var $box = $('label[for="MMDListsRecord_0_title"]');
$box.text('<?php echo $NewLabel ?>');

但是当我打破搜索行,为了动态选择一行时,搜索失败了。我已经尝试了所有这些组合:

var $row = 0;
var $box = 'label[for="MMDListsRecord_'+ $row +'_title"]';
$box.text('<?php echo $NewLabel ?>');
var row = 0;
var $x = 'label[for="MMDListsRecord_'+ row +'_title"]';
var $box = $(x);
$box.text('<?php echo $NewLabel ?>');
var $row = 0;
var $box = $('label[for="MMDListsRecord_'+ $row +'_title"]');
$box.text('<?php echo $NewLabel ?>');
var $row = '0';
var $box = $('label[for="MMDListsRecord_'+ $row +'_title"]');
$box.text('<?php echo $NewLabel ?>');
var $row = "0";
var $box = $('label[for="MMDListsRecord_'+ $row +'_title"]');
$box.text('<?php echo $NewLabel ?>');

然后尝试只搜索标题的所有组合,结果 jquery 搜索崩溃或失败。

var $box = $("label[for=~'title");
$box.text('<?php echo $NewLabel ?>');
 var $box = $('label[for=~"_title"]');
$box.text('<?php echo $NewLabel ?>');
var $box = $("[for~='_title'");
$box.text('<?php echo $NewLabel ?>');

所有组合都找不到代码对象,除了整个字符串

var $box = $('label[for="MMDListsRecord_0_title"]');

秘诀是什么?

最佳答案

您定义了 $row 变量,但使用了 row - 它是未定义的。 https://jsfiddle.net/s4cyqku6/

关于javascript - 动态 JQuery 对象选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56924520/

相关文章:

javascript - 为函数(带参数)分配变量名? [JavaScript]

javascript - 在 angularJS 中刷新页面时更改图像

javascript - 在 Safari 和 Chrome 中跳转 div。 jQuery/Javascript

javascript - 对不同的选择选项下拉列表进行分组

javascript - 在 jquery/javascript 处理后移动到命名 anchor

javascript - "document is not defined"使用具有外部库依赖项的 Jasmine 导入 ES6 (Babel)

javascript - 我需要使用对象的属性对 Vue 中的对象数组进行排序,但是 Vue 进入无限循环进行排序

javascript - Array.prototype.sort() 在某些情况下有效,而在其他情况下则无效

javascript onclick事件,同一元素的每次点击都有不同的功能

jquery - 如何删除向下钻取 Highcharts 中的滚动条