用“e”连接字符串 Jquery

Question

我无法将字符串与“和”连接起来。

我想向 Jquery 发送一个命令，单击一个具有我作为参数传递的标题的 div。

需要获得这个才能在 jquery function 中执行：

jQuery('div[title=\"titletoclick\"]').trigger( 'click' );

我有这个 function：

function clickOnMarker() {
    let queryString = window.location.search;
    let urlParams = new URLSearchParams(queryString);
    let spotNameOriginal = urlParams.get('markerName');
    let spotName = spotNameOriginal.slice(1,-1);
    let elementToClick = "'div[title=\'" + spotName + "'\]'"
    jQuery(elementToClick).trigger( 'click' );     
}

执行 function 时出现错误，因为变量的值为

'div [title =' Sintra Spot ']'

我需要在标题中加上“”而不是“”并删除空格 TRIM()。

最好的问候和感谢

Answer 1

让我们一次解决一个问题。

TRIMming 字符串可以通过调用String.prototype.trim来实现，所以我们应该有

[...]
    let spotName = spotNameOriginal.slice(1,-1);
    // Added trim here
    spotName = spotName.trim();
[...]

其次，我们处理报价。 由于您要查找的字符串格式为'div[title="<string here>"]' ，因此我们可以使用给定的引号...并根据需要对其进行转义。 请记住，要在单引号括起来的字符串中转义单引号，我们必须在它们前面加上一个斜杠，而双引号不需要 escaping； 双引号括起来的字符串则相反。
因此我们可以写

    // let elementToClick = "'div[title=\'" + spotName + "'\]'" OLD SYNTAX
    let elementToClick = "'div[title=\"" + spotName + "\"]'";

让我添加一些东西......这种字符串对于 jQuery 选择器匹配没有用。 正确的不会有封闭的单引号......
因此，正确的语法应该是

    // We can use the single quote as delimiter to simplify
    let elementToClick = 'div[title="' + spotName + '"]';

（我们也可以通过使用反引号来使用模板字符串，但让我们保持简单）。

加入一切，我们有

function clickOnMarker() {
    let queryString = window.location.search;
    let urlParams = new URLSearchParams(queryString);
    let spotNameOriginal = urlParams.get('markerName');
    // Add trim... Concatenating so as to reduce the boilerplate
    let spotName = spotNameOriginal.slice(1,-1).trim();
    // Build correct selector template
    let elementToClick = 'div[title="' + spotName + '"]';
    jQuery(elementToClick).trigger( 'click' );     
}

Answer 2

你能行的：

let elementToClick = 'div[title="' + spotName + '"]'

Answer 3

为什么不简单地连接这样的字符串： 'div[title="' + spotName + '"]' ？

 $(function() { clickOnMarker('test'); }); function clickOnMarker(spotName) { $('div[title="' + spotName + '"]').trigger('click'); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div title="test" onclick="alert('test');">test</title>

Answer 4

您可以只使用 grawis / 重音 / 反引号来做到这一点“干净的方式”。

let myArg = 'my-button';
$(`button[title="${myArg}"]`).click(() => {
  console.log('clicked');
});

由${}包围的反引号之间的所有内容都将里面的内容放入字符串中。

@edit你的想法几乎是好的。

let myArg = 'my-button';
$('button[title="' + myArg + '"]').click(() => {
  console.log('clicked');
});

当您使用“单引号”时，您只需在里面使用“双引号”。 无需在前面加上\ 。 上面的示例与第一个示例相同。 因此，您可以执行'hell"o":)'并返回hell"o":)或"hell'o':)"返回hell'o':) 。