タグ名にドットを含むJquery要素

Question

タグ文字列にドットが含まれている場合はJquery。ハードコーディングされた場合、クエリは期待値を取得しますが、関数でタグを取得し連結した場合、クエリは失敗します。

var tagWithDot = getTag(...) // tagWithDot === 'tag.withdot' 

console.log(tagWithDot === 'tag.withdot') // true 

console.log('#' + tagWithDot === '#tag.withdot') // true 

console.log('#' + tagWithDot.replace('.', '\\.') === '#tag\\.withdot') // true 

console.log($('#' + tagWithDot.replace('.', '\\.')) === $('#tag\\.withdot')) // false 

console.log($(('#' + tagWithDot.replace('.', '\\.'))) === $('#tag\\.withdot')) // false 

Answer 1

の代わりにあなたがreplace('.','\\.')を使用しjQuery's escapeSelector

var tagWithDot = "#tag.withdot"; 
 

 
console.log($.escapeSelector(tagWithDot));

<script src="//code.jquery.com/jquery-3.1.0.js"></script>

Answer 2

を使用することができます\\.のものを使用して手動で.を置き換えるここで働いているようです。

$.escapeSelectorを使用する場合は、＃や＃もエスケープしないようにしてください。あなたが望むものではない可能性があります。

var tagWithDot = "#tagwith.dot"; 
 

 
setTimeout(function() { 
 
    $(tagWithDot.replace('.','\\.')).text('Replaced'); 
 
}, 2000);

<script src="//code.jquery.com/jquery-3.1.0.js"></script> 
 

 
<div>Wait 2 seconds and replace text in div with id #tagwith.dot<div> 
 
<br> 
 
<div id="tagwith.dot">This should get replaced</div>