Question

="" 如何访问href标记内的img标记以将焦点设置为

$('.typeahead').typeahead({
    source: function (query, process) {
        return $.get('/http://www.crysol.com/crysol_soft/Ajax_Search/search.php', { key: query }, function (data) {
            return process(data.options);
        });
    },

});

标记？

例如：

<img>

<a href ='#' ><img class="img1" src="abc.png"/> </a>没有用。无法访问a .img1:focus {}代码中的<img>

如果我将标记添加到标记，我可以将焦点添加到标记但标记＆amp;标签是差异大小＆amp;造成问题。例如：，然后一个.test：focus {}正在工作，但我需要专注于标记

Answer 1

您需要a和.img1之间的空格（您编写它的方式意味着“a标记为img1类”这样：

a .img1:focus {}

这意味着“img1标记内的a类元素”

编辑：在您的初始答案的评论中提供的@jdv链接中，不要将焦点（双关语）放在已接受的答案上，而是放在第二个答案上。您可以通过在tabindex标记中添加img属性来解决问题。像这样：

<a href ='#' ><img class="img1" src="abc.png" tabindex="0"/> </a>

Answer 2

试试这段代码

<a href ='#' id='link'><img class="img1" src="abc.png"/> </a>

a#link .img1:focus{}

Answer 3

focus通常与表单元素相关联，例如input field我建议您使用hover这样的代替

a img:hover{
  width: 500px;
}

<a><img class="img1" src="http://via.placeholder.com/350x150"/></a>

如何访问<img tag="" inside="" an="" <a="" href="" tag="" to="" set="" focus="" to="" <img="" in="" ie=""

3 个答案: