Jquery使用斜槓選擇一個屬性

Question

我想選擇一個JQuery篩選對象，該屬性值是唯一文件名。當選擇器使用var時，我無法從斜線中逃脫。我失去了2個小時嘗試多種組合，但我想我錯過了一些東西。在此先感謝光

我的HTML：

<table class="table table-condensed" id="CLKPMTable_2"><tbody><tr class="click-row" valuetype="PM" filename="\\server\folder\file1" paymentmethodid="1"><td class="col-md-1"><img width="24" height="24" src="/Content/img/123.png" id="PMURLIMG_"></td><td class="col-md-10" id="PM_FILENAME_">BO OCT</td><td class="col-md-1 text-right"><img width="16" height="16" src="/Content/img/notyet.png" id="PM_STATUS_"></td></tr><tr class="click-row" valuetype="PM" filename="\\server\folder\file2" paymentmethodid="2"><td class="col-md-1"><img width="24" height="24" src="/Content/img/visa.png" id="PMURLIMG_"></td><td class="col-md-10" id="PM_FILENAME_">O SEP</td><td class="col-md-1 text-right"><img width="16" height="16" src="/Content/img/notyet.png" id="PM_STATUS_"></td></tr></tbody></table> 

我的javascript：

var filename = "\\server\folder\file1"; 
var selec = $('tr[valueType="PM"][filename="'+filename+'"]'); 
alert(selec.attr("paymentmethodid")); 

沒有工作也沒有用：

var filenamescaped = filename.replace('\\','\\\\') 
var selec = $('tr[valueType="PM"][filename="'+filenamescaped+'"]'); 

也沒有工作，沒有（來自：Jquery official doc to escape chars used in css）：

function jq(myid) { 
return myid.replace(/(:|\.|\[|\]|,|=)/g, "\\$1"); 
} 

var filename = "\\server\folder\file1"; 
    var filenamescaped = jq(filename); 

我的小提琴手做一些測試： jsfiddler

Answer 1

值的反斜槓需要，在這種情況下，要翻倍兩次爲它作爲一個有效的選擇

var filename = "\\\\\\\\server\\\\folder\\\\file1"; 
 
var selec = document.querySelector('tr[valueType="PM"][filename="'+filename+'"]'); 
 
alert(selec.getAttribute("paymentmethodid"));

<table class="table table-condensed" id="CLKPMTable_2"><tbody><tr class="click-row" valuetype="PM" filename="\\server\folder\file1" paymentmethodid="1"><td class="col-md-1"><img width="24" height="24" src="/Content/img/123.png" id="PMURLIMG_"></td><td class="col-md-10" id="PM_FILENAME_">BO OCT</td><td class="col-md-1 text-right"><img width="16" height="16" src="/Content/img/notyet.png" id="PM_STATUS_"></td></tr><tr class="click-row" valuetype="PM" filename="\\server\folder\file2" paymentmethodid="2"><td class="col-md-1"><img width="24" height="24" src="/Content/img/visa.png" id="PMURLIMG_"></td><td class="col-md-10" id="PM_FILENAME_">O SEP</td><td class="col-md-1 text-right"><img width="16" height="16" src="/Content/img/notyet.png" id="PM_STATUS_"></td></tr></tbody></table>

工作

更新

在您的特定情況下，filename值必須是已經逃脫了更換工作，如var filename="\\\\server\\folder\\file1"

請注意在替換命令中的全局開關，因此全部替換

var filename = "\\\\server\\folder\\file1"; 
 
var filenamescaped = filename.replace(/\\/g,'\\\\\\\\'); 
 
var selec = $('tr[valueType="PM"][filename="'+filenamescaped+'"]'); 
 
alert(selec.attr("paymentmethodid"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="table table-condensed" id="CLKPMTable_2"><tbody><tr class="click-row" valuetype="PM" filename="\\\\server\\folder\\file1" paymentmethodid="1"><td class="col-md-1"><img width="24" height="24" src="/Content/img/123.png" id="PMURLIMG_"></td><td class="col-md-10" id="PM_FILENAME_">BO OCT</td><td class="col-md-1 text-right"><img width="16" height="16" src="/Content/img/notyet.png" id="PM_STATUS_"></td></tr><tr class="click-row" valuetype="PM" filename="\\server\folder\file2" paymentmethodid="2"><td class="col-md-1"><img width="24" height="24" src="/Content/img/visa.png" id="PMURLIMG_"></td><td class="col-md-10" id="PM_FILENAME_">O SEP</td><td class="col-md-1 text-right"><img width="16" height="16" src="/Content/img/notyet.png" id="PM_STATUS_"></td></tr></tbody></table>