jQuery Fähigkeit zu ändern ID für Element

Question

Ich möchte mit jQuery eine Schaltfläche mit der folgenden ID ausblenden. Ich weiß, wie man das mit .hide() macht, aber was ich nicht weiß, ist, wie man mit dem Fall umgeht, wo sich die ID dieser Schaltfläche ändert.

id="Ribbon.ContextualTabs.MyWork.Home.Tasks.MarkComplete-Large" 

Ich weiß, dass die ID eines DOM-Element muss eindeutig sein, und in diesem Fall, ich weiß sicher, dass Ribbon.ContextualTabs.MyWork.Home.Tasks.MarkComplete wird sich nicht ändern. Allerdings sehe ich, dass es abhängig von der Größe des Browserfensters - Small oder -Medium oder - Large annehmen kann.

Wie geht man damit um? Würde ein regulärer Ausdruck funktionieren?

Answer 1

Wenn es sicher gonna einer von ihnen 3 Sie alle wie diese abdecken kann:

$('#Ribbon.ContextualTabs.MyWork.Home.Tasks.MarkComplete-Small, #Ribbon.ContextualTabs.MyWork.Home.Tasks.MarkComplete-Medium, #Ribbon.ContextualTabs.MyWork.Home.Tasks.MarkComplete-Large').hide(); 

Utkanos richtig ist aber, sollten Sie nicht haben, zu ändern ids.

Answer 2

Warum wählst du sie nicht alle aus, denn es gibt nur eine Taste in jeder Größe, oder?

$("#"+id+"-Large, #"+id+"-Medium, #"+id+"-Small").hide(); 

Answer 3

Können Sie setzen ein anderes Attribut auf die Schaltfläche, die nicht (wie name, die auf die Schaltfläche eindeutig sein könnte) nicht ändert?

Answer 4

können Sie unten Art und Weise verwenden, um Ihr Element auszublenden, wenn id **"."** darin

$("#Ribbon\\.ContextualTabs\\.MyWork\\.Home\\.Tasks\\.MarkComplete-Large").hide();