Question

您好我想表明，
特定项目，通过查找“id”号码但是，代码不断在“id”

上出错

onClick代码：

<li id="item-4" class="ui-state-default" data-type="text" onclick="onClickCard(this)">
Text 03<img src="./Close.gif" alt="" onclick="onClickClose(this)"/>
</li>

id代码：

<div id="item-4" class="well textPreview previews">
    <div class="row">
    <div class="col-md-12">
    <h2>03: Text</h2>
</div>
</div>
<hr>
<textarea class="form-control" rows="20" maxlength="500">
   500 words only..
</textarea>
</div>

jQuery代码：

var onClickCard = function(dst){    
var t = $(dst).attr('id') 
//cant find "id"

$('.previews').hide();
var q = '#' + t;
$(q).show();
};

Answer 1

这里的引言搞砸了：

<div id='item-"5"

将其更改为：

<div id='item-5' ....>

更多更新：

var onClickCard = function(dst){    
     var t = dst.id;

     $('.previews').hide();
      var q = '.' + t; // change to class
      $(q).show();
};

div的标记：

<div class='item-5' ....>

Answer 2

您的li和div具有相同的ID。这就是他出错的原因，你不能有重复的身份。

<li id="item-4" class="ui-state-default" data-type="text" onclick="onClickCard(this)">
Text 03<img src="./Close.gif" alt="" onclick="onClickClose(this)"/>
</li>
<div id="item-4" class="well textPreview previews"></div>

将其更改为

<li id="li-item-4" class="ui-state-default" data-type="text" onclick="onClickCard(this)">
Text 03<img src="./Close.gif" alt="" onclick="onClickClose(this)"/>
</li>
<div id="item-4" class="well textPreview previews"></div>

Answer 3

我不确定我明白你想做什么。但为什么不指定具体的ID呢？像这样：

var t = $(dst).attr('#item-4')

或者如果你想定位特定的div，请执行以下操作：http://jsfiddle.net/384cP/1/ （或如果你想要li：http://jsfiddle.net/384cP/2/）

jQuery查找项ID

3 个答案: