Question

如何在使用名为html tag的jquery函数后选择.first()？

HTML

<html>
  <head> </head>
  <body> 

       <div>
           <a>
              <img id="#hello">
           </a>
       </div>

       <div></div>
  </body>
 </html>

JS（JQuery）

var elemFirst = $(div).first();
var selectImg = elemFirst.$('img#hello');

// var selectImg = elemFirst.find('img'); <- It working but I want to select manual 

selectImg.addClass('some-css');

尊重

Answer 1

使用find()

elemFirst.find('img#hello');

这将使用提供的选择器搜索直接和嵌套元素。

或者，您可以

$('div:first #hello')

甚至只是

$('#hello')

因为你使用的id应该是唯一的。

Answer 2

您可以使用find()：

var selectImg = elemFirst.find('img#hello');

但你有id的图片，所以，你可以这样做：

$('img#hello')

因为id是唯一的。

Answer 3

您可以使用$('child','parent')选择器

var elemFirst = $('div').first();
var selectImg = $('#hello',elemFirst);  //or just $('img',elemFirst);

此外，您的ID为#，应该只有id="hello"。

如果您需要在Id中保留此值，请使用

var selectImg = $('img[id="#hello"]',elemFirst);

Answer 4

在html中，id在html中是唯一的，所以striaghtly写

$("#\\#hello").addClass('some-css');

或

var selectImg = elemFirst.find('img[id="#hello"]');

Fiddle

jquery - 如何使用'.first（）'之后选择元素？

4 个答案: