Форум

Retro_1477 · #1 (**permalink**) 09.07.2018, 09:42

У меня есть следующий код:

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</head>
<body>

	<div class="container priceTable">
		<!--ЛИТРЕС-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" width="50px" height="50px" class="laravel-icon">ЛитРес</div>
				<div class="col-5">Аудиокнига</div>
				<div class="col-2">₽149</div>
			</div>
		</a>
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" width="50px" height="50px" class="laravel-icon">ЛитРес</div>
				<div class="col-5">Электронная книга</div>
				<div class="col-2">₽100</div>
			</div>
		</a>
		<!--ОЗОН-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/Ozon.png" width="50px" height="50px" class="laravel-icon">Озон</div>
				<div class="col-5">Бумажная книга</div>
				<div class="col-2">₽99</div>
			</div>
		</a>
		<!--ЛАБИРИНТ-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/labirint.png" width="50px" height="50px" class="laravel-icon">Лабиринт</div>
				<div class="col-5">Бумажная книга</div>
				<div class="col-2">₽89</div>
			</div>
		</a>
		<!--АЛЬПИНА ПАБЛИШЕР-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/06/alpina.png" width="50px" height="50px" class="laravel-icon">Альпина Паблишер</div>
				<div class="col-5">Бумажная книга</div>
				<div class="col-2">₽</div>
			</div>
		</a>
	</div>

</body>

Нужен скрипт который будет удалять строку, если в последнем столбце не будет цены.

ksa · #2 (**permalink**) 09.07.2018, 09:54

Сообщение от Retro_1477

Нужен скрипт который будет удалять строку, если в последнем столбце не будет цены.

Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	var o=$('.col-2');
	o=o.eq(o.length-1);
	var str=o.text();
	if (!/\d+/.test(str)) {
		o.parent().parent().remove();
	};
})
</script>
</head>
<body>
	<div class="container priceTable">
		<!--ЛИТРЕС-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" width="50px" height="50px" class="laravel-icon">ЛитРес</div>
				<div class="col-5">Аудиокнига</div>
				<div class="col-2">₽149</div>
			</div>
		</a>
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" width="50px" height="50px" class="laravel-icon">ЛитРес</div>
				<div class="col-5">Электронная книга</div>
				<div class="col-2">₽100</div>
			</div>
		</a>
		<!--ОЗОН-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/Ozon.png" width="50px" height="50px" class="laravel-icon">Озон</div>
				<div class="col-5">Бумажная книга</div>
				<div class="col-2">₽99</div>
			</div>
		</a>
		<!--ЛАБИРИНТ-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/labirint.png" width="50px" height="50px" class="laravel-icon">Лабиринт</div>
				<div class="col-5">Бумажная книга</div>
				<div class="col-2">₽89</div>
			</div>
		</a>
		<!--АЛЬПИНА ПАБЛИШЕР-->
		<a href="" target="blank">
			<div class="row align-items-center">
				<div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/06/alpina.png" width="50px" height="50px" class="laravel-icon">Альпина Паблишер</div>
				<div class="col-5">Бумажная книга</div>
				<div class="col-2">₽</div>
			</div>
		</a>
	</div>
</body>
</html>

рони · #3 (**permalink**) 09.07.2018, 09:58

Retro_1477,

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script>
$(function() {
$(".priceTable > a").filter(function() {
    return $("div div:last",this).text().match(/\d+/) === null
}).hide()
});
  </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</head>
<body>

    <div class="container priceTable">
        <!--ЛИТРЕС-->
        <a href="" target="blank">
            <div class="row align-items-center">
                <div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" width="50px" height="50px" class="laravel-icon">ЛитРес</div>
                <div class="col-5">Аудиокнига</div>
                <div class="col-2">₽149</div>
            </div>
        </a>
        <a href="" target="blank">
            <div class="row align-items-center">
                <div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/LitRes.png" width="50px" height="50px" class="laravel-icon">ЛитРес</div>
                <div class="col-5">Электронная книга</div>
                <div class="col-2">₽100</div>
            </div>
        </a>
        <!--ОЗОН-->
        <a href="" target="blank">
            <div class="row align-items-center">
                <div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/Ozon.png" width="50px" height="50px" class="laravel-icon">Озон</div>
                <div class="col-5">Бумажная книга</div>
                <div class="col-2">₽99</div>
            </div>
        </a>
        <!--ЛАБИРИНТ-->
        <a href="" target="blank">
            <div class="row align-items-center">
                <div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/05/labirint.png" width="50px" height="50px" class="laravel-icon">Лабиринт</div>
                <div class="col-5">Бумажная книга</div>
                <div class="col-2">₽89</div>
            </div>
        </a>
        <!--АЛЬПИНА ПАБЛИШЕР-->
        <a href="" target="blank">
            <div class="row align-items-center">
                <div class="col-5"><img src="http://knigobiz.ru/wp-content/uploads/2018/06/alpina.png" width="50px" height="50px" class="laravel-icon">Альпина Паблишер</div>
                <div class="col-5">Бумажная книга</div>
                <div class="col-2">₽</div>
            </div>
        </a>
    </div>

</body>

Retro_1477 · #4 (**permalink**) 09.07.2018, 10:47

Спасибо большое

Форум

Справочник

Discord чат

Курсы javascript