Question

我试图通过选择其自定义属性来隐藏元素。我正在做的是找不到元素。

由于

下面的例子也在这里（JSFiddle）

<p>
<a href="#" 
   data-dialog-id="rosterModal" 
   data-dialog-title="Roster Confirmation" 
   class="btn blue js-openDialog">My Link to Hide</a>
</p>
<p>
  <button id="hideBtn">Hide</button>
</p>

<script type="text/javascript">
$( document ).ready(function() {

    $('#hideBtn').click(function() {
        var myLink = $("a[data-dialog-id='rosterModal']");
        myLink.hide();
    });
});
</script>

Answer 1

你几乎拥有它。

JSFiddle中的a代码属性为data-dislog-id（错字）
您的选择器正在寻找#hideme

#hideBtn

在这里工作：http://jsfiddle.net/LM2mp/3/

Answer 2

hideme似乎不是您表单中的ID。我想你想要hideBtn吗？

Answer 3

错误的按钮ID

<script>
$(function(){
    $('#hideBtn').click(function() {
        var myLink = $("[data-dialog-id='rosterModal']");
        $(myLink).hide();
    });
});
</script>

Answer 4

$('#hideBtn').click(function() {
  var myLink = $("a[data-dialog-id='rostermodal']");
    console.log(myLink)
    myLink.hide();
});

这是一个演示：http://jsfiddle.net/LM2mp/7/

通过自定义属性访问元素 - JQuery

4 个答案: