Jquery элементы доступа под тегом li - PullRequest
Новая
       2

Jquery элементы доступа под тегом li

0 голосов
/ 09 июля 2020

Я хочу получить доступ и изменить элементы в li .

В основном я хочу получить доступ к тегу a путем доступа к li

HTML: 

<ul>
   <li data-id="1">
     <a href="#">Data 1</a>
   </li>
   <li data-id="2">
     <a href="#">Data 2</a>
   </li>
<ul/>

js

var number = '1';
var my_li = $('li[data-id="' + number + '"]');
my_li.a.css('color', 'red')   // i want to change color of anchor tag.

Ответы [ 3 ]

1 голос
/ 09 июля 2020

Вы можете выбрать любой из способов сделать это 

 $('li[data-id="' + number + '"] a').css('color', 'red');

 $('li[data-id="' + number + '"]').children('a').css('color', 'red');

 var my_li = $('li[data-id="' + number + '"]');
 my_li.children('a').css('color', 'red')
0 голосов
/ 09 июля 2020

Вы можете попробовать это: 

$("a", my_li).css({color: 'red'});
0 голосов
/ 09 июля 2020

Как объяснено здесь , вы можете использовать $(selector).children(filter)

var my_li = $('li[data-id="' + number + '"]').children().css({"color": "red"});

Обновление Здесь рабочая скрипка: 

$(document).ready(function(){
  $("ul").children().css({"color": "red"});
});
<!DOCTYPE html>
<html>
<head>
<style>
.descendants * { 
  display: block;
  border: 2px solid lightgrey;
  color: lightgrey;
  padding: 5px;
  margin: 15px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body class="descendants">body (great-grandparent)
  <div style="width:500px;">div (grandparent)
    <ul>ul (direct parent)  
      <li>li (child)
        <span>span (grandchild)</span>
      </li>
      <li>li (child)
        <span>span (grandchild)</span>
      </li>
    </ul>   
  </div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...