Заменить текст из span, если текст div содержит указанный c текст - PullRequest
Новая
       0

Заменить текст из span, если текст div содержит указанный c текст

1 голос
/ 09 апреля 2020

Заменить <span class="redbadge"> текст Нет на Да , если div содержит текст I am now visible.

HTML

<div class="visibleonsearch">
<span class="redbadge">No</span>
I am now visible.
</div>

jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function () {
​   ​$(".visibleonsearch").text(function () {
    return $(this).text().replace("No", "Yes"); 
});​​​​​ 
</script>

Я не знаком с jQuery для добавления условия , если .

Ответы [ 3 ]

1 голос
/ 09 апреля 2020

Вы можете попробовать использовать селектор :contains следующим образом: 

jQuery(document).ready(function () {
  if($(".visibleonsearch:contains(I am now visible)").length){
    var span = $('.visibleonsearch').find('.redbadge'); 
    span.text(span.text().replace("No", "Yes"));
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="visibleonsearch">
  <span class="redbadge">No</span>
  I am now visible.
</div>
0 голосов
/ 09 апреля 2020 
 try this code

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
   $(".visibleonsearch:contains(I am now visible.)").find(".redbadge").text(function () {
    return $(this).text().replace("No", "Yes"); 
});
});
</script>

</head>
<body>


<div class="visibleonsearch">
<span class="redbadge">No</span>
I am now visible.
</div>

</body>
</html>
0 голосов
/ 09 апреля 2020

Если цель состоит в том, чтобы изменить текст span, оставляя сам span в DOM, тогда вы можете использовать :contains, чтобы найти соответствующий элемент .redbadge, например: 

$('.visibleonsearch:contains("I am now visible") .redbadge').text('Yes');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="visibleonsearch">
  <span class="redbadge">No</span> I am now visible.
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...