có cách nào khác thay thế cho '#' + div_id không?

Question

Có cách nào tốt hơn để viết chức năng sau đây không?

Có số '#' + div_id có vẻ không đúng với tôi.

function hide_div(div_id) { 
    $('#' + div_id).hide(); 
} 

Answer 1

Câu trả lời ngắn gọn: không. Hơi dài và trả lời hackish hơn: tạo một hàm với một tên dài một chữ mà sẽ đưa ID của phần tử và trả về một getElementById vào nó, sau đó quấn rằng trong jQuery của bạn $(), như vậy:

function i(id) { 
    if (document.getElementById(id)) return document.getElementById(id); 
    else return ""; 
} 

Sau đó:

$(i(id)).doWhatever(); 

Nhưng thành thật, suy nghĩ về nó:

$("#" + id) 
    12345678 

$(i(id)) 
    12345 

đó là ba nhân vật. Nó có đáng không? Ba nhân vật đó có thực sự quan trọng đối với bạn không? Bạn đã tiết kiệm được rất nhiều khi không sử dụng document.getElementById (id) (27 ký tự).

Answer 2

function hide_div(div_id) { 
    $(div_id).hide(); 
} 

... nơi ...

div_id = '#someId'; 
hide_div(div_id); 

Answer 3

Nếu bạn đang bằng cách nào đó trái ngược với nối chuỗi, sau đó bạn có thể làm điều này thay vì:

$(document.getElementById(div_id)).hide(); 

Bạn có thể cũng vượt qua trong bộ chọn đủ điều kiện, như sau:

hide_div("#divId"); 

Nếu bạn muốn làm điều đó trong vani Javascript, bạn có thể làm điều này:

document.getElementById(div_id).style.display = "none"; 

Answer 4

Một số cách khác:

$(['#', div_id].join('')).hide(); 

$('#'.concat(div_id)).hide(); 

Ngoài ra, @Thomas cảm hứng cho tôi cho giải pháp thay thế này:

Khi bạn gọi hàm của mình, hãy sử dụng:

$.proxy(hide_div, $('#' + div_id)); 

// Then, you can do this: 
function hide_div() { 
    this.hide(); 
} 

Nó có thể cho phép bạn sử dụng lại tốt hơn. Hay không.

Answer 5

Không, bạn không thể rút ngắn quá mức đó. Một thay thế cho # + div_id sẽ là:

$('[id="'+div_id+'"]') 

Truy vấn này đang làm việc với bộ chọn thuộc tính []. Không ngắn hơn, không sạch, thực sự chậm hơn nhưng một sự thay thế nào

Answer 6

Tùy thuộc vào trường hợp sử dụng bạn có thể vượt qua các đối tượng thay cho id:

$('#someobject').click(function(){ 
    hideDiv(this); 
});