Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.02.2018, 20:51
Аватар для Black_Star
Профессор
Отправить личное сообщение для Black_Star Посмотреть профиль Найти все сообщения от Black_Star
 
Регистрация: 11.07.2016
Сообщений: 300

Разделитель для подстановки переменной ?
Добрый день уважаемые. Подскажите пожалуйста как организовать подстановку в класс элемента других классов? Вот пример, пока не рабочий
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<style>
.block{
  width: 50px;
  height: 50px;
  background-color: #f00;
}
.testBlock{
  width: 100px;
 height: 100px;
 background-color: #f0f;
}
</style>
<div class="block one two"></div>
<div class="testBlock">

<script>
var allClasses = $(".block").attr("src");
$("body").append('<div class="testBlock '+ allClasses +' "></div>')
</script>

</body>
</html>

Я запутался как быть с этими кавычками и знаками конкретинации? Необходимо что б у второго создаваемого дива были классы testBlock block one two ? Пока вставляет undefined вместо классов

Последний раз редактировалось Black_Star, 10.02.2018 в 21:02.
Ответить с цитированием
  #2 (permalink)  
Старый 10.02.2018, 20:54
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

$(".block") у этого элемента нет атрибута src
var allClasses = $(".block").attr("class");
Ответить с цитированием
  #3 (permalink)  
Старый 10.02.2018, 20:54
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

var allClasses = $(".block").attr("src");
Ответить с цитированием
  #4 (permalink)  
Старый 10.02.2018, 21:03
Аватар для Black_Star
Профессор
Отправить личное сообщение для Black_Star Посмотреть профиль Найти все сообщения от Black_Star
 
Регистрация: 11.07.2016
Сообщений: 300

Сорри, немного недопереносил HTML Поправил первый пост
Ответить с цитированием
  #5 (permalink)  
Старый 10.02.2018, 22:35
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Black_Star,
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<style>
.block{
  width: 50px;
  height: 50px;
  background-color: #f00;
}
.testBlock{
  width: 100px;
 height: 100px;
 background-color: #f0f;
}
</style>
<div class="block one two"></div>
<div class="testBlock"></div>

<script>
var allClasses = $(".block").prop("className");
$('<div class="testBlock"></div>').addClass(allClasses).appendTo("body")
</script>

</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 10.02.2018, 23:09
Аватар для Black_Star
Профессор
Отправить личное сообщение для Black_Star Посмотреть профиль Найти все сообщения от Black_Star
 
Регистрация: 11.07.2016
Сообщений: 300

Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
SEOCRM - бесплатные инструменты для оптимизаторов, интернет-маркетологов и владельце SeoCRM Оффтопик 0 23.05.2016 11:59
Требуется программист на QML для создания интерфейса клиентской программы для общения m.simakov Работа 0 11.02.2016 18:07
Диалог "Save as" для данных в переменной. CrHD jQuery 0 02.02.2016 07:25
Объявления переменной для аргумента функции Faab Общие вопросы Javascript 6 07.11.2013 10:16