Arhn - архитектура программирования

Скрипт, влияющий на все изображения, а не только на изображения в div, содержащие определенный текст (jQuery)

Я пробовал редактировать этот код несколькими способами (используя if statments и each statement), но ничего не работало. Идея настолько проста; если div содержит этот конкретный текст, я хочу изменить атрибут src изображения только в этом div.

Кажется, я не могу понять, что мне не хватает. Приведенный ниже код изменяет все изображения во всех div с этим классом, а не только те, которые содержат конкретный текст. Я пробовал работать с этим, но, видимо, не понимаю, как это влияет на функцию.

$(document).ready(function(){
    $('.my-content').filter(':contains("Top")').find('img').attr("src", "http://www.samplestuff.com/kids/test.png");
});

Может ли кто-нибудь любезно указать мне в правильном направлении, что мне нужно изменить, чтобы сделать целевой объект сценария только изображения в div, которые содержат текст, а не все div с этим классом, потому что один из div действительно содержал этот текст (я думаю, что это то, что запускает его; я тоже могу ошибаться).

javascript html filter jquery css
17.09.2014

Ответы:


1

Попробуйте это:

$(document).ready(function(){
    $('.my-content:contains("Top")').find('img').attr("src", "http://www.samplestuff.com/kids/test.png");
});

См. jQuery: содержит документы

Изменить
На самом деле я думаю, что ваш ответ тоже должен работать. Кажется, этот jsfiddle отлично работает, вы можете опубликовать свою разметку?

$('div').filter(':contains("Top")').css("color", "red")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Top</div>
<div>Right</div>
<div>Bottom</div>
<div>Left</div>

17.09.2014
  • Я тоже так думал! Но нет - по-прежнему изменяются все изображения в div с этим именем класса. 18.09.2014
  • Может быть проблема с кешем; ваши работы; не знаю, что влияет на функцию фильтра? Спасибо! 18.09.2014
  • Не уверен, в чем может быть причина этого; последняя библиотека и все такое. 18.09.2014
    • Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..